Почему Модернизр не работает на меня? - PullRequest
Новая
       5

Почему Модернизр не работает на меня?

4 голосов
/ 08 июля 2011

Я не думаю, что Modernizr любит меня, может кто-нибудь, пожалуйста, скажите мне, что я делаю не так.Кажется, я не могу заставить Modernizr работать с Firefox, т. Е. И т.д. ... Я использую только такие элементы, как header, footer и nav ...

Это мой код: 

<!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>

Проверяя firebug, он выводит нормально, я получаю все элементы, которые я должен, но ни один из элементов не работает ...

Например, если я нажимаю заголовок в firebug и редактирую высоту CSS,5000px не перемещается, выравнивание и т. Д. Не правильные.

Ответы [ 2 ]

12 голосов
/ 13 июля 2011

Возможно, вы забыли стилизовать новые элементы HTML5 как элементы уровня блока.По умолчанию браузеры обрабатывают любой неизвестный элемент как встроенный элемент (display:inline), что затрудняет их использование.

Новые браузеры медленно воспринимают новые элементы HTML5 как стабильные, то есть начинают их предоставлятьстиль по умолчанию, например, display:block для элемента header.Но большинство браузеров, представленных сегодня на рынке, не имеют этих стилей по умолчанию для элементов HTML5, поэтому вам нужно их предоставить.

Вот небольшой пример CSS для этого: 

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

Добавление этого CSS в ваш main.css должно исправить вашу проблему со стилем.

1 голос
/ 12 июля 2011

У меня была такая же проблема, когда я пытался использовать CDN, и она не работала (возможно, у меня была неправильная ссылка).Тест, который я обнаружил, заключался в том, чтобы поместить 

.borderradius body {
  background: #c00;
}

в ваш файл main.css и посмотреть, станет ли фон красным.Если это modernizr, работает.

РЕДАКТИРОВАТЬ: Я также обнаружил, что сценарий должен быть вставлен в верхней части HTML-документа.Поместить его внизу, как рекомендуется для лучшей скорости загрузки страниц, не работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...