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