HTML，引导CSS

IE8及以下版本中不包括引导css

我已经在我们的文件中包含了引导响应css。并给出了类名 “row fluid”用于特色产品。 对于特色产品中的每个包装器图像，我给出了类名 “span3 prod新功能列表”

看

IE8中的开发工具中包含但未添加这些样式。。 因此，在IE8及以下版本中，图像包装器显示为块级元素。

---

请检查链接，

响应引导使用HTML5和CSS3，这是一个不幸的事实，但IE8和更低版本不支持。请检查IE9中的页面，您不会发现这种差异。您必须覆盖现有的响应CSS3以处理IE8版本。尝试使用媒体或屏幕宽度和高度以及其他属性

---

希望这有助于您理解为什么它在IE8中不起作用。响应式引导使用HTML5和CSS3，这在IE8和更低版本中是不受支持的。请检查IE9中的页面，您不会发现这种差异。您必须覆盖现有的响应CSS3以处理IE8版本。尝试使用媒体或屏幕宽度和高度以及其他属性

---

希望这有助于您理解为什么它在IE8中不起作用。下面是一种在IE7和IE8中获得响应行为的方法。如上所述，问题在于这些旧浏览器不支持@media请求

解决方案是与旧的IE7和IE8一起使用

您可以通过下载respond.js，将其安装在您的站点上，并将以下内容放在页面的头部来完成此操作

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->     

<script>
Modernizr.load([
{
// test if browser supports medial queries
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : 'path-to/respond.js'
}
]);
</script>

或者，您可以使用来测试访问者的浏览器是否支持媒体查询，以及是否不加载respond.js。Downlod并将respond.js保存到您的站点，如上所述，将以下内容放在页面的头部

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->     

<script>
Modernizr.load([
{
// test if browser supports medial queries
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : 'path-to/respond.js'
}
]);
</script>

现代化负荷([
{
//测试浏览器是否支持中间查询
测试：modernizer.mq（'only all'），
//如果没有，请加载respond.js文件
否：“指向/respond.js的路径”
}
]);

如果以上两种方法都不能满足您的需要，您可以尝试使用而不是respond.js。它们都很好用

---

祝你好运。。。这是一个有趣的网页设计时间

为了记录在案，这里有一种方法可以通过IE7和IE8获得响应行为。如上所述，问题在于这些旧浏览器不支持@media请求

解决方案是与旧的IE7和IE8一起使用

您可以通过下载respond.js，将其安装在您的站点上，并将以下内容放在页面的头部来完成此操作

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->     

<script>
Modernizr.load([
{
// test if browser supports medial queries
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : 'path-to/respond.js'
}
]);
</script>

或者，您可以使用来测试访问者的浏览器是否支持媒体查询，以及是否不加载respond.js。Downlod并将respond.js保存到您的站点，如上所述，将以下内容放在页面的头部

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->     

<script>
Modernizr.load([
{
// test if browser supports medial queries
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : 'path-to/respond.js'
}
]);
</script>

现代化负荷([
{
//测试浏览器是否支持中间查询
测试：modernizer.mq（'only all'），
//如果没有，请加载respond.js文件
否：“指向/respond.js的路径”
}
]);

如果以上两种方法都不能满足您的需要，您可以尝试使用而不是respond.js。它们都很好用

---

祝你好运。。。这是一个有趣的网页设计时间

请告诉我如何使用“媒体”或“屏幕宽度和高度”等属性。问题是IE8永远不会支持HTML5和CSS3，您需要调整CSS代码，使IE8浏览器具有默认行为。Media或Screen width&height将在IE9及以上版本上运行，指定@Media only Screen及（最大宽度：632px）将同时忽略IE8，并仅应用支持HTML5和CSS3的Android设备（同样，具有Cupcake及以下版本的Android设备不会具有CSS3行为），请告诉我如何使用“媒体”或“屏幕宽度和高度”以及其他属性。问题是IE8永远不会支持HTML5和CSS3，您需要调整CSS代码，使IE8浏览器具有默认行为。Media或Screen width&height将在IE9及以上版本上运行，指定@Media only Screen及（最大宽度：632px）将同时忽略IE8，并仅应用支持HTML5和CSS3的Android设备（同样，具有Cupcake及以下版本的Android设备不会具有CSS3行为），因此，在以上几点上使用twitter引导框架时要谨慎