IE7和8忽略了头元素的最大宽度设置。
IE7和8忽略了头元素的最大宽度设置。
提问于 2016-01-13 09:33:56
我有一个具有以下CSS的header元素。IE7和8忽略了max-width属性。如果我将header更改为div，那么它就能工作。
.header {
display: block;
width: inherit;
max-width: 1200px;
position: relative;
margin: 0 auto;
float: none;
}这不管用：
<header class="header">
//stuff
</header>这是行之有效的：
<div class="header">
//stuff
</div>回答 3
Stack Overflow用户
回答已采纳
发布于 2016-01-13 09:45:59
被忽视的不是max-width。它是header，它是一个HTML5元素，因此IE7& 8不支持它。
检查http://www.caniuse.com的浏览器兼容性。
将modernizr.com作为一种解决方案。在网站上：
所有的web开发人员都会遇到浏览器和设备之间的差异。这在很大程度上是由不同的功能集造成的:流行浏览器的最新版本可以做一些老浏览器无法做到的令人敬畏的事情--但我们仍然必须支持旧的浏览器。 现代化使得提供分层体验变得很容易:利用浏览器中支持它们的最新和最伟大的特性，而不让不那么幸运的用户高高在上。
Stack Overflow用户
发布于 2016-01-13 09:47:15
您可以始终检查此站点的浏览器兼容性- http://caniuse.com/。
NewHTML5标记在IE8中不受支持，因此无法工作。
Stack Overflow用户
发布于 2016-01-13 09:49:39
我忘了我需要一个javascript填充来使HTML5元素在旧的IE上正常工作。以下工作或您可以使用现代化。
<script>
'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)})
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34762957
复制相关文章
相似问题
腾讯云开发者
