今天刚考虑这个，这让我很好奇。
如果我在网站上有一些元素或div，例如视频标记，如果我将此视频标记设置为display：none;在移动用户的媒体查询中。
当这些用户在他们的设备上查看该网站时，该网站是否仍会加载视频及其元素，然后隐藏它们？或者它是否阻止元素被加载？
会影响加载时间吗？
我有一个用于桌面的html5视频网站，当缩小时，它会用移动设备的gif替换这些元素，因为html5无法在ios设备上自动播放。这是否意味着选择display none会阻止视频或其他任何元素影响移动加载时间？
答案 0 :(得分：1)
这种情况与浏览器有关。在许多情况下，隐藏的资产不会被下载，但可能是浏览器认为它将被使用。这是一个较旧的问题，但它解决了您的问题：
Does "display:none" prevent an image from loading?
我猜想在移动设备上下载会被推迟。我肯定知道显示：无;图片在Android上的当前chrome上延迟，html5视频可能是相同的。