关于“display：none;”的详细说明和内容加载

Question

我似乎无法找到关于“display：none;”效果的可靠答案。和内容加载。

我长期以来一直认为某些浏览器不会在“display：none”风格的内容中加载外部资源，这是否会跨平台变化？

此外，移动平台会有所不同吗？

通常，我使用不透明度，滤镜（IE），高度/宽度和绝对定位的混合来确保我的内容将被加载但不可见。这仍然是必要的吗？

Answer 1

也许Tim Kadlec的这个网站（获得Cloud Four团队的成绩）可以帮助您更进一步： http://timkadlec.com/2012/04/media-query-asset-downloading-results/

问候， 冈瑟

Answer 2

在大多数现代浏览器中，只需使用display：none就足够了。可能在极少数情况下您需要进行更多挖掘，但在大多数情况下您应该看到完整的功能。我没有必要在相当长的一段时间内使用abs定位黑客（将内容移出可视区域），因为显示：似乎没有做到这一点。

就跨平台而言，浏览器在一致地渲染CSS方面变得越来越好。根据我的经验，display：none似乎在大多数现代浏览器中都能正常运行。较旧的浏览器仍有问题需要解决。

我没有很多移动经验，所以我不会提出任何意见或猜测。

使用过滤器，h / w，abs pos不再是必要的恶魔，因为“display：none”将允许你隐藏容器所在的位置，而不是移动/隐藏在这里，然后重新定位加载时。