CSS-медиа-запрос минимальной ширины в IE8 + - PullRequest
0 голосов
/ 11 октября 2011

Я смотрю на разные CSS для браузеров для настольных компьютеров и iPad.

Для настольных компьютеров я использую

<link rel="stylesheet" media="only screen and (min-width:1000px)" href="desktop.css">

, а для iPad я использую

<link rel="stylesheet" media="only screen and (device-width:768px)" href="desktop.css">

Когда я говорю о настольных браузерах, я имею в виду IE8 и выше, FF4 +, Safari 5+ на MAC

Но по некоторым причинам CSS для настольных компьютеров не применяется в IE8.

Пожалуйста, предложите лучший подход, чтобы я мог четко отделить рабочий стол / iPad, и он также работал бы во всех браузерах для настольных компьютеров.

Ответы [ 2 ]

0 голосов
/ 11 октября 2011

Самый простой способ - добавить тег <!--[if IE ]><link rel="stylesheet" media="screen" href="desktop.css"><![endif]--> к вам <head>.

0 голосов
/ 11 октября 2011

@ testndtv; mediaquery не работает в IE. для этого вы должны использовать Response.js

...