响应内容:阻止在移动浏览器上使用css代码下载内容:display:none!important?

时间:2012-09-22 06:32:05

标签: responsive-design

我想知道CSS声明如何:

display: none !important;
移动浏览器将对内容传递

进行处理。

是否用于阻止移动浏览器(Android,iOS等)下载内容。

这个声明被诸如foundation3之类的框架用于在不应用设备时隐藏设备中的内容。

祝你好运, 亚历

1 个答案:

答案 0 :(得分:2)

'显示:无'只会隐藏您的内容。不幸的是,资产仍将被下载。使用'display:none'查看此详细列表以隐藏图像以及各种浏览器的反应方式。 http://timkadlec.com/2012/04/media-query-asset-downloading-results/

至于文本内容,据我所知,作为文档的一部分,它将被浏览器读取并因此下载。

您可以通过打开浏览器的检查器并在下载页面时查看网络选项卡来自行查看。显示下载的每个资产以及下载所用的持续时间。制作一个fiddle,其中包含各种对象,如图像,文本块,带背景图像的空div等,并将“display:none”应用于所有对象。然后刷新页面并观察网络选项卡,您将看到正在下载的内容。

在手机上使用'display:none'隐藏内容不是一个好主意,您可以通过ajax和Jquery有条件地加载内容。我建议调查一下。