创建适用于 IE8（桌面）的移动优先网站答案

【问题标题】：Creating a mobile-first site that works on IE8 (desktop)创建适用于 IE8（桌面）的移动优先网站
【发布时间】：2014-09-06 21:09:54
【问题描述】：

我目前正在开发一个网站，该网站使用媒体查询向移动和桌面用户提供不同的布局（即 2 个案例）。按照移动优先的方法，我首先为移动视图设置样式，然后使用媒体查询来创建桌面视图的样式。

这很好用，当然在不支持媒体查询的浏览器中除外。 IE8 是要支持的，所以显然它只是忽略了我为桌面修改的所有内容，只显示移动视图。

我想出的一件事是为 IE 创建一个专用样式表，其中包含进入媒体查询的所有内容，但这似乎是一种非常笨拙的方法，因为我必须手动更新它。

这一定是一种相当普遍的情况 - 您认为这里的最佳做法是什么？

【问题讨论】：

【解决方案1】：

是的，有办法。我一直用它来设计移动优先的网站。

以前我使用css3-mediaqueries.js，但现在链接已失效。所以如果你能从某个地方得到它，你也许可以使用它。

我现在不使用“css3-mediaqueries.js”，因为如果您的文件中有任何css 仅针对 Firefox 浏览器，那么“css3-mediaqueries.js”将会崩溃并且无法工作。

您可以使用Respond.js。与 css3-mediaqueries.js 不同，respond.js 适用于所有浏览器。

希望这会有所帮助。 :)

【讨论】：