У меня есть две таблицы стилей, одна должна только применяться к iPhone и другим ручным устройствам
@media screen and max-device-width: 480px { ... }
, а другая должна только применить иначе
@media screen and min-device-width: 481px { ... }
В настоящее время я помещаю их в один большой файл CSS, в два разных раздела @media, упомянутых выше, но затем Я понял, что IE7 / 8 непримените любой из разделов .
Какое решение проблемы?Единственное решение, которое я могу Googled , состоит в том, чтобы снова включить таблицу стилей рабочего стола в условный комментарий IE:
<!--[if lte IE 8]>
<link rel="stylesheet" href="/base.css" type="text/css" media="screen"/>
<![endif]-->
Но сайт W3C достигает того же эффекта без этого,Как?