Question

我通过提供一个Twitter bootstrap的网站有点粗心，我发现IE8仍然不支持媒体查询......

我google并找到了两个解决方案： http://ghita.org/tipoftheday/css-media-queries-for-ie 和 http://code.google.com/p/css3-mediaqueries-js/

但两者都无法解决我的问题，正如我在此处所示： http://www.doxadigital.com/scrape/mediaqueries.html（使用css3-mediaqueries.js）和 http://www.doxadigital.com/scrape/mediaqueries2.html（使用css-media-queries-for-ie.js）

任何想法如何解决我的问题，因为我的网站使用了几个@media

由于

Answer 1

首先，您需要切换到HTML5 doctype。其次，IE8本身不支持媒体查询，因此您需要使用JavaScript填充程序（如Respond）来允许响应元素。

Answer 2

我是一名网络开发人员，我在新闻网站上使用了bootstrap，但它在IE8上没有用，我使用了css3-mediaqueries.js javascript但仍然无效。如果您希望媒体查询使用此javascript文件添加屏幕到css

中的媒体查询行

这是一个例子：

<meta name="viewport" content="width=device-width" />
<script type="text/javascript" src="css3-mediaqueries.js"></script>

<style>
     @media screen and (max-width:900px) {}
     @media screen and (min-width:900px) and (max-width:1200px) {}
     @media screen and (min-width:1200px) {}
</style>

<link rel="stylesheet" type="text/css" href="bootstrap.min.css">

css链接线就像上面一行一样简单。

CSS媒体查询 - IE8仍无法正常运行

2 个答案: