У меня есть простое требование;Примените desktop.css для экранов большего размера И примените iPad.css для экранов несколько меньших размеров
Теперь я хочу использовать для этого CSS Media Queries.
<link rel="stylesheet" media="only screen and (min-width: 768px)" href="css\desktop.css">
<link rel="stylesheet" media="only screen and (max-width: 768px)" href="css\ipad.css">
Теперь я прочитал этот более старыйIE не поддерживает min-width.Но есть странная поддержка, которую я вижу в IE8, т. Е. IE8 распознает минимальную ширину как свойство, а не как медиазапрос.
Итак
#example{*min-width:100px;}
отлично работает в IE8
Но это не так
@media only screen and (min-width:100px)
Я уже пробовал следующее для IE
<!--[if IE ]><link rel="stylesheet" media="screen" href="css\desktop.css"><![endif]-->
Но яхотите применить рабочий стол IE css только для определенной минимальной ширины и НЕ всегда ..
Существует ли обходной путь JS для такого типа;
<!--[if IE AND min-width:100px]><link rel...
Пожалуйста, дайте мне знать, как я могу применить2 набора CSS в IE.