Css IE7和8忽略设置为标题元素的最大宽度
我有一个带有以下CSS的Css IE7和8忽略设置为标题元素的最大宽度,css,html,internet-explorer,Css,Html,Internet Explorer,我有一个带有以下CSS的标题元素。IE7和IE8忽略了max width属性。如果我将标题更改为div,则它确实有效 .header { display: block; width: inherit; max-width: 1200px; position: relative; margin: 0 auto; float: none; } 这不起作用: <header class="header"> //stuff </header> //东
标题元素。IE7和IE8忽略了max width
属性。如果我将标题
更改为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>
//东西
被忽略的不是最大宽度。它是标题
,是一个HTML5元素,因此IE7&8不支持它
检查浏览器兼容性
将其视为一种解决方法。网址:
所有web开发人员都会遇到浏览器和浏览器之间的差异
设备。这主要是由于不同的功能集:最新的
流行浏览器的版本可以做一些很棒的事情
较旧的浏览器不能——但我们仍然必须支持较旧的浏览器
Modernizer使提供分层体验变得更加容易:利用
支持它们的浏览器中最新和最强大的功能,无需
让不幸的用户孤立无援
被忽略的不是max width
。它是标题
,是一个HTML5元素,因此IE7&8不支持它
检查浏览器兼容性
将其视为一种解决方法。网址:
所有web开发人员都会遇到浏览器和浏览器之间的差异
设备。这主要是由于不同的功能集:最新的
流行浏览器的版本可以做一些很棒的事情
较旧的浏览器不能——但我们仍然必须支持较旧的浏览器
Modernizer使提供分层体验变得更加容易:利用
支持它们的浏览器中最新和最强大的功能,无需
让不幸的用户孤立无援
您可以随时检查此网站的浏览器兼容性-
IE8不支持新的HTML5标记,因此它将无法工作 您可以随时检查此网站的浏览器兼容性-
IE8不支持新的HTML5标记,因此它将无法工作 我忘了我需要一个javascript多边形填充来让HTML5元素在旧IE上正常工作。下面的工作可以正常进行,也可以使用Modernizer
<script>
'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)})
</script>
“文章页脚页眉导航节时间”。替换(/\w+/g,函数(n){document.createElement(n)})
我忘了我需要一个javascript polyfill来让HTML5元素在旧IE上正常工作。下面的代码可以正常工作,或者你可以使用Modernizer
<script>
'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)})
</script>
“文章页脚页眉导航节时间”。替换(/\w+/g,函数(n){document.createElement(n)})
另外,不要忘记IE8已不再受到MS的正式支持,因此如果可能,您还应建议用户升级。另外,不要忘记IE8已不再受到MS的正式支持,因此如果可能,您还应建议用户升级。