Я пытаюсь изучить медиа-запросы, и мне нужна помощь.медиа-запросы, не работающие в IE8
Мой код не работает в IE8
CSS
body {
font-size:11em;
color:#000;
transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
}
@media screen and (max-width:500px) {
body {
font-size:5em;
color:#ff0000;
}
}
</style>
HTML
<body>
az a s d a sd
</body>
Пожалуйста, предложите, что я должен сделать, чтобы работать в IE8 или меньшей? Я добавил css3-mediaqueries.js в разделе </head>
(вы можете увидеть код, упомянутый ниже), но это мне не помогает.
<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
Заранее спасибо :)
Вы используете это локально или на сервере? Я подозреваю, что IE8 не загрузит внешний javascript, если он работает локально. –
Я использовал этот код как локально, так и на сервере, но он не работает – Kamal
Вы пытались использовать локальную копию кода JS? Есть ли сообщения об ошибках в консоли? Какие еще шаги отладки вы предприняли? Запросы медиа-запросов работают в других браузерах, которые поддерживают их изначально (IE9, FF и т. Д.)? Является ли ваш HTML в стандартном режиме (т. Е. Имеет ли он doctype?) И выполняет ли он проверку? Вы включили метатаг viewport ('') и CSS ('@ -ms-viewport {width: device-width; } @ -o-viewport {width: device-width;} @viewport {width: device-width;} ')? Можете ли вы показать JSFiddle, показывая свою работу до сих пор? –