Как использовать правильный CSS для устройства

Question

Я создаю сайт, и я должен использовать разные CSS для разных устройств (ПК, Ipad, Iphone) можно узнать, какое устройство люди используют для выбора css ???

Answer 1

Загрузка различных CSS в зависимости от типа носителя:

W3C - Типы медиа

Answer 2

Если ответ @Justin Niessner не дает достаточного контроля, вы можете попытаться обнаружить браузер / устройство по строке агента пользователя.Некоторые люди не одобряют это, и это не гарантирует точности, но это может быть полезно.В основном, найдите браузер в Javascript, а затем динамически добавьте правильную таблицу стилей.В качестве альтернативы, это может быть сделано на стороне сервера.

Answer 3

Лучшая информация о том, на какой платформе / устройстве ваши пользователи просматривают сайт, - это версия браузера, доступная в заголовке HTTP. Мобильные устройства могут сказать, что они используют Chrome (на телефоне Android) или IE (на телефоне Windows Mobile), но по информации о версии вы сможете узнать, что это мобильная версия браузера.

Вы можете использовать JavaScript для динамической установки стилей или серверный скрипт (ASP, JSP, PHP) для загрузки CSS-скриптов. То, с чем вам придется работать, зависит от того, на чем написан ваш сайт. Помните, что на мобильном устройстве запуск большого JS-скрипта для динамической установки стилей не будет очень эффективным на мобильном устройстве.