媒体查询:避免不必要的CSS /图像下载

时间:2011-03-22 00:31:18

标签: css mobile specific-stylesheets

我一直在阅读“唯一”关键字,但无法找到明确的答案。

我很想知道是否有办法,只使用CSS(而不是Javascript),以避免所有不了解媒体查询的旧浏览器(例如旧手机)和现代浏览器,它们了解媒体查询但返回对于他们来说是假的(例如,智能手机查看最小设备宽度为740px)读取链接的CSS文件并下载相关的大背景图像。我担心加载时间和带宽。

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

2 个答案:

答案 0 :(得分:0)

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

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

这可能是启动php预建库的好地方。

答案 1 :(得分:0)

服务器端将是我的建议。您还可以使用cookie来存储会话剩余部分的数据,如果用户返回则可能存储数据。存储诸如访问者是否想要查看移动版或完整版的内容。您可以在.htaccess中的apache级别对其进行测试,以提高效率。

Mobile Redirection is Platform Independent

相关问题