0

我想知道CSS声明如何:

display: none !important;

将由移动浏览器处理内容交付。

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

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

最好的问候,亚历克斯

4

1 回答 1

2

“显示:无”只会隐藏您的内容。不幸的是,这些资产仍将被下载。请参阅此详细列表,使用“显示:无”隐藏图像以及各种浏览器的反应。http://timkadlec.com/2012/04/media-query-asset-downloading-results/

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

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

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

于 2012-09-22T13:31:35.120 回答