如何撰写响应式javascript＆＃39;当CSS3媒体查询不可用时？

Question

我需要确保我的网页在不同的屏幕尺寸下看起来不错。最好的解决方案可能是CSS3媒体查询。

但是，我的目标用户群的很大一部分仍在使用IE＆lt; = 8.我计划在加载页面时根据窗口大小编写一些j来重新设置元素（font-size等）。这样做的最佳方式是什么？

1. 这个问题是否存在任何可靠的解决方案（A git repo）？
2. 我应该使用：
   • 用于IE的javascript＆lt; 8 +用于其他浏览器的媒体查询，或
   • 每个浏览器的javascript代码？

Answer 1

将respond.js和Modernizr一起使用来加载它是一个简单的解决方案。使用Modernizr时，您不需要为大多数Internet（现代浏览器）发送poyfill，只需为旧版本加载它。例如：

Modernizr.load({
  test: Modernizr.mq('only all'),
  nope: ['respond.js']
});

基本上，respond.js的作用是为旧浏览器添加对媒体查询的支持，因此您可以编写响应式CSS，它将“只在老IE上工作”。

Answer 2

您可能还想看一下这个jquery responsive plugin。它是一个非常轻量级的插件，可以管理所有浏览器上的整个重排问题，使您需要编写的CSS少得多。