Internet explorer 8 如何在IE8中首先使用移动设备

考虑到SingularityGS在默认情况下遵循移动优先的方法，你们如何解决IE8中的问题，IE8显示了所有依赖于媒体查询的东西的移动版本

您找到解决方案了吗？还是我必须先切换到桌面

---

谢谢。

我将断点内置的无查询回退支持与HTML标记上的IE类或Modernizer测试结合使用，以支持媒体查询

---

您可以让IE7-8真正支持媒体查询，而不是解决IE7和IE8的缺点

我在IE7和IE8中使用Aweasome polyfill来启用媒体查询。只需将此代码添加到您的HTML

，您就可以开始了！

你还应该有polyfill（又名html5shim），使IE7-8支持最基本的CSS3

因此，我的最终IE 7-8 polyfills集如下所示：

<!--[if lt IE 9]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
  <script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
  <script src="//html5base.googlecode.com/svn-history/r38/trunk/js/selectivizr-1.0.3b.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<![endif]-->

---

注意：不要与这些文件结合使用，因为这会使IE 8冻结。

您是否在本地托管这些.js文件？你能通过CDN链接到他们吗？谢谢，您可以从脚本标记中看出它们托管在CDN上。您可以复制HTML代码并在项目中使用，无需修改。请不要使用Respond.js或Selectivizr。Respond.js和Selectivizr都会为它们需要处理的每个项目生成额外的HTTP请求，并将膨胀添加到关键路径中。Respond仅适用于基于PX的最小/最大宽度MQs，Selectivizr速度太慢，以至于我让它在IE8上崩溃，因为它必须处理的项目数量不合理。相反，要克服所支持的浏览器的局限性，并使用功能检测和类来提供回退支持。现在，Respond、Match Media、Selectivizr和NWMatcher都是关键路径的依赖项，这有点可怕。HTML5 Shiv使不支持HTML5的浏览器可以访问HTML5元素，并提供基本的样式，但不填充任何类型的CSS3。我认为对一个糟糕的（也是非常旧的）浏览器使用糟糕的黑客是很好的，特别是当你没有额外的50%预算来增加大约1%的浏览器支持时。谢谢。我还没有使用Sass或Modernizer，所以我不确定我是否可以实现它。如果你知道关于如何使用它的任何好的教程或解释，请张贴在这里。我一直在读关于它如何如此伟大和节省时间，但不知道如何使用它或设置它。

<!--[if lt IE 9]>
  <script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
  <script src="//html5base.googlecode.com/svn-history/r38/trunk/js/selectivizr-1.0.3b.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<![endif]-->

<!--[if lt IE 9]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
  <script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
  <script src="//html5base.googlecode.com/svn-history/r38/trunk/js/selectivizr-1.0.3b.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<![endif]-->