在移动视图上停止下载css文件

Stop css file from being downloaded when on a mobile view

本文关键字：下载 css 文件移动视图更新时间：2023-09-26

为了提高响应页面的页面速度，我必须最小化HTTP请求。在我的主页上，我有一个滑块，在手机视图中，我不想显示滑块，而是显示一个简单的图像。

因此，要做到这一点，我如何才能停止下载滑块css和滑块js？

媒体请求中的style="display:none"是否会阻止滑块图像的下载。

提前感谢

谨致问候，Ganesh K

您可以使用

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

媒体请求中的style="display:none"是否会阻止滑块图像的下载。

显示：无；只会停止显示图像，它们仍将被下载。

一种真正阻止下载滑块的方法是responsejs.com/，因为它会交换基于视口的标记。

以下是使用reponsejs.com解决另一个问题的完整示例：
response.js没有在断点处启动

在您的具体情况下，我不确定您是否可以停止下载滑块CSS，尽管无论如何，这将是相对较小的。你很可能会停止下载滑块图像和JS，而这正是大部分带宽的所在

祝你好运！

在媒体查询中，您可以为特定设备设置mediatype属性。。但我认为在大多数情况下设置显示：没有人会下载你的图像。。。有关详细信息，请参阅http://timkadlec.com/2012/04/media-query-asset-downloading-results/