为了提高响应页面的页面速度，我必须最小化 HTTP 请求。在我的主页中，我有一个滑块，而在移动视图中，我不想显示滑块，而是显示一个简单的图像。
所以要做到这一点，我怎样才能阻止滑块 css 和滑块 js 被下载？
并且媒体查询中的 style="display: none" 是否会阻止滑块图像的下载。
提前致谢，
问候， Ganesh K
问问题
279 次
3 回答
1
您可以使用
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
于 2013-08-29T10:53:04.787 回答
0
在媒体查询中，您可以为特定设备设置 mediatype 属性。但我认为在大多数情况下，设置 display:none 仍会下载您的图像...有关更多详细信息，请参阅 http://timkadlec.com/2012/ 04/媒体查询资产下载结果/
于 2013-08-29T11:02:27.107 回答
0
并且媒体查询中的 style="display: none" 是否会阻止滑块图像的下载。
显示：无；只会停止显示图像，它们仍将被下载。
真正阻止下载滑块的一种方法是responsejs.com/，因为它会根据视口交换您的标记。
这是在另一个问题上使用 reponsejs.com 的完整示例：
response.js is not fire at the breakpoints
在您的特定情况下，我不确定您是否可以停止下载滑块 CSS，尽管无论如何这会相对较小。不过，您很可能能够停止下载滑块图像和 JS，而这正是大部分带宽所在。
祝你好运！
于 2013-08-29T11:13:13.577 回答