Шаблон Initializr не корректно отображается в IE 8

Я создаю новый сайт, используя Initializr template. Он отлично смотрится на современных веб-браузерах. Я, хотя она была оптимизирована для совместимости, но когда я открываю его в Internet Explorer 8 (браузер я должен unfortunarly поддержку) это выглядит следующим образом:Шаблон Initializr не корректно отображается в IE 8

enter image description here

Как вы можете видеть на вкладке навигации не отображается правильно.

Я использую по умолчанию:

<!DOCTYPE html> 
<!--[if lt IE 7]>  <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 
<!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 
<!--[if IE 8]>   <html class="no-js lt-ie9"> <![endif]--> 
<!--[if gt IE 8]><!--> 

<html class="no-js"> 
<!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title></title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width"> 

    <link rel="stylesheet" href="css/normalize.min.css"> 
    <link rel="stylesheet" href="css/main.css"> 

    <script src="js/vendor/modernizr.custom.82220.js"></script> 
</head>

Единственное различие выше в том, что я пытался обновить Modernizr, чтобы увидеть, если бы решить эту проблему, но результат тот же. Как я могу заставить шаблон HTML5 правильно отображать IE 8?

источник

2014-01-23 David Tunnell

' <сценарий SRC =" http://html5shiv.googlecode.com/svn /trunk/html5.js "> ' <- что может помочь – aldanux

вместо modernizr или в том числе? –

вы можете прочитать здесь: http://stackoverflow.com/questions/7282580/html-5-boilerplate-issues-with-ie – aldanux

Проблема была решена при добавлении этого на странице CSS:

@media only screen and (min-width: 480px) { 
    .lt-ie9 nav a { margin: 0 0.7%; } 
}

источник

2014-01-23 22:22:35

Шаблон Initializr не корректно отображается в IE 8

ответ

Смежные вопросы