我目前正在开发一个网站，该网站使用媒体查询为移动和桌面用户提供不同的布局（即2个案例）。在移动第一种方法之后，我首先为移动视图设置样式，然后对创建桌面视图的样式使用媒体查询。
这种方法很好，当然除了不支持媒体查询的浏览器。 IE8是受支持的，所以很明显它只是忽略了我为桌面修改的所有内容，只显示了移动视图。
我想到的一件事是为IE创建一个专用的样式表，其中包含进入媒体查询的所有内容，但这似乎是一种非常笨拙的方式，因为我必须手动更新它。 / p>
这一定是一个相当常见的情况 - 您认为这里的最佳做法是什么？
答案 0 :(得分：1)
是的，有办法。我一直用它来设计移动优先网站。
以前我曾经使用css3-mediaqueries.js但现在这个链接已经死了。如果你能从某个地方获得它，你可以使用它。
我不使用＆＃39; css3-mediaqueries.js＆＃39;现在因为如果您的文件中只有css仅针对Firefox浏览器，那么＆＃39; css3-mediaqueries.js＆＃39;会崩溃并且不会工作。
您可以使用Respond.js。与css3-mediaqueries.js不同，respond.js适用于所有浏览器。
希望这会有所帮助。 :)