Responsive design 响应内容：使用css代码阻止下载内容：显示：无！在移动浏览器上重要吗？

我想知道CSS声明如何：

display: none !important;

将由移动浏览器处理有关内容交付的问题

它是用来阻止移动浏览器（Android、iOS等）下载内容的

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

致以最良好的祝愿，

---

Alex

“显示：无”将仅隐藏您的内容。不幸的是，这些资产仍将被下载。使用“display:none”隐藏图像以及各种浏览器的反应，查看此详细列表

至于文本内容，据我所知，作为文件的一部分，它将由浏览器阅读并下载

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

---

在手机上使用“display:none”隐藏内容不是一个好主意，您可以通过ajax和Jquery有条件地加载内容。我建议您对此进行研究。

根据您的链接，

display:none

在通过css设置图像（即

背景图像

）的情况下可以正常工作。