Добрый вечер,
У меня есть веб-сайт с текущей версией CSS, оптимизированной для работы с компьютером. Я работаю на Iphone CSS, используя IwebKit5, чтобы обеспечить лучшее взаимодействие с пользователем на ходу.
Я использовал javascript, анализируя пользовательский агент, чтобы определить, какой CSS использовать. Я искал способ избежать использования javascript и обнаружил функцию медиа-запросов.
<!--[if !IE]>-->
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css"/>
<!--<![endif]-->
<link type="text/css" rel="stylesheet" href="desktop.css"/>
Это то, что я пытался, он хорошо работает на рабочем столе (iphone css игнорируется), но на Iphone я понял, что загружены и mobile.css, и desktop.css, поэтому я пытаюсь найти способ избежать этого , Что можно добавить, чтобы избежать такого поведения?
Спасибо!