我似乎找不到关于"显示：无;"和内容加载效果的可靠答案。
我一直觉得有些浏览器不会在具有"显示：无"风格的内容中加载外部资源，这是否仍然跨平台变化？
此外，这是否因移动平台而异？
通常，我混合使用不透明度、过滤器 （IE）、高度/宽度和绝对定位来确保我的内容将被加载但不可见。 这还有必要吗？
也许这个由Tim Kadlec撰写的网站（归功于Cloud Four团队）可以帮助您更进一步：http://timkadlec.com/2012/04/media-query-asset-downloading-results/
问候甘瑟
在大多数现代浏览器中，简单地使用 display：none 就足够了。 在极少数情况下，您可能需要进行更多的深入研究，但在大多数情况下，您应该看到完整的功能。 我已经有一段时间没有使用腹肌定位技巧（将内容移出可视区域）了，因为 display：none 似乎可以解决问题。
就跨平台而言，浏览器在一致地呈现CSS方面越来越好。 根据我的经验，display：none 似乎在大多数现代浏览器中都能完美运行。 较旧的浏览器可能仍有问题需要解决。
我在移动方面没有太多经验，所以我不会提供任何意见或猜测。
使用过滤器，h/w，abs pos不再是必要的邪恶，因为"display：none"将允许您将容器隐藏在自然放置的位置，而不是移动/隐藏在这里然后在加载时重新定位。