我一直在阅读有关“唯一”关键字的信息,但找不到明确的答案。
我很想知道是否有一种方法,只使用 CSS(不是 Javascript)来避免所有不理解媒体查询的旧浏览器(例如旧手机)和理解媒体查询但返回 false 的现代浏览器。 (例如,智能手机查看最小设备宽度为 740 像素)读取链接的 CSS 文件并下载相关的大背景图像。我担心加载时间和带宽。
如果这不可能,我想我会使用http://www.handsetdetection.com/features/mobile-browser-detection或http://www.hand-interactive.com/resources/detect-mobile -php.htm(服务器端解决方案)有条件地提供“全脂”样式表,这些样式表可能仅包含 740 像素及以上设备宽度的较大图像。