Chr*_*ong 1 css safari firefox html5 google-chrome
我正在使用HTML5元素,在我正在开发的项目中,css似乎在Chrome中运行良好.但是,它似乎没有在Safari或Firefox中工作(我没有测试IE,但我认为它是相同的),页面布局到处都是.
任何想法为什么会这样?我知道Firefox和Safari都支持这些元素,而Safari是基于webkit的Chrome,所以我无法弄清楚问题是什么.
你可以在这里看到这个网页.{网站链接不可用}
Safari和Firefox对HTML5分区元素具有相同级别的"支持"(在看到您的演示页面后,我猜这些是您正在讨论的元素):它们可以设置样式,但您必须display: block;
隐式设置.
aside, article, section { display: block; }
Run Code Online (Sandbox Code Playgroud)
将此规则添加到CSS将解决问题.
要在IE中使这些元素具有样式,您只需使用HTML5垫片/ shiv即可.将以下HTML放入您的<head>
:
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
4797 次 |
最近记录: |