css - 媒体查询 : avoiding unnecessary downloading of CSS/images

Question

我一直在阅读有关“唯一”关键字的信息，但找不到明确的答案。

我很想知道是否有一种方法，只使用 CSS(而不是 Javascript)来避免所有不理解媒体查询的旧浏览器(例如旧手机)和理解媒体查询但返回的现代浏览器对他们来说是错误的(例如，智能手机查看 min-device-width 为 740px)读取链接的 CSS 文件并下载相关的大背景图像。我担心加载时间和带宽。

如果这不可能，我想我会使用 http://www.handsetdetection.com/features/mobile-browser-detection或 http://www.hand-interactive.com/resources/detect-mobile-php.htm (服务器端解决方案)有条件地提供可能包含更大图像的“全脂”样式表，例如，设备宽度仅为 740 像素及以上。

Answer 1

我很确定您要么必须使用服务器端脚本进行检测，要么使用 javascript。但是如果你做服务器端，你可以根据你想要或不想要的来显示你自己的样式表。

http://code.google.com/p/php-mobile-detect/

这可能是开始构建 php 预构建库的好地方。