为什么Modernizr不为我工作？

Question

为什么Modernizr不为我工作？

我不认为modernizr喜欢我,有人可以告诉我我做错了什么.我似乎无法使用现代化的firefox,即等...我只使用页眉,页脚和导航等元素...

这是我的代码:

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 lte9 lte8 no-js"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 lte9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="notie no-js"> <!--<![endif]-->
  <head>
    <title></title>
    <meta name="description" content="" />
    <link href="css/main.css" rel="stylesheet" type="text/css" /> 

    <script src="modernizr-2.0.6.min.js"></script>

    <script type="text/javascript" src="http://use.typekit.com/kmy1sfb.js"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>

  </head>

Run Code Online (Sandbox Code Playgroud)

检查firebug它输出正常,我得到我应该的所有元素但没有任何元素正在工作...

例如,如果我在firebug中单击标题并将CSS高度编辑为5000px它不会移动,对齐等也不正确.

Answer 1

小智 12

您可能忘记将新的HTML5元素设置为块级元素.默认情况下,浏览器将任何未知元素视为内联元素(display:inline),这使得很难对它们做很多事情.

新版浏览器正在慢慢地处理新的HTML5元素为稳定,这意味着他们开始给他们的默认样式一样display:block的header元素,例如.但是,目前市场上的大多数浏览器都没有HTML5元素的默认样式,因此您需要提供它们.

这是一个CSS的快速示例:

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

Run Code Online (Sandbox Code Playgroud)

将CSS添加到main.css应该可以解决您的样式问题.

归档时间：	14 年，6 月前
查看次数：	13543 次
最近记录：	14 年前