Tag: 页面加载时间

在使用@media查询时，手机是否加载非相关查询和图像？

如果我的CSS基于移动样式，然后使用@media查询逐渐变大的显示器（平板电脑，桌面等），移动设备会使用桌面样式吗？ 我相信通常情况下，移动设备将加载所有图像，即使它们不适用于它自己的特定介质尺寸。 这意味着它会加载所有的图像，并隐藏不符合其基于查询的样式表。 我想要做的是使用一个背景为更大的版本的网站： .splash { background: #1a1a1a url('/assets/imageLarge.png') no-repeat; } 另一个是移动版本： .splash { background: #1a1a1a url('/assets/imageSmall.png') no-repeat; } 如果我在任何媒体查询之前应用手机CSS，并使用@media screen and (min-device-width: 481px) {…}查询添加下面的大媒体CSS，移动设备也会加载大图像吗？