Определить iPad Safari или Zoom

Question

Если я использую следующее для определения пользователя iPad Safari, будет ли оно работать, если в будущем я попытаюсь обнаружить Motorola Xoom или другого пользователя планшета, который может иметь аналогичную ширину.

<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css">  

Я имею в видукак именно я идентифицирую другой планшет и использую xoom.css или othertablet.css

Я знаю подход агента пользователя, но хотел бы избежать этого.Пожалуйста, дайте мне знать, возможно ли реализовать с использованием только медиа-запросов?

Answer 1

Нет, вы не можете сказать, какое конкретное устройство используется на основе медиазапросов (и вам не нужно это делать, поскольку все они сходятся по одним и тем же стандартам)

Answer 2

Мы начинаем разрабатывать, используя библиотеки обнаружения Formfactor, такие как FormfactorJS - обратите внимание, я создал это.

Теория, использующая тот же семантический HTML, вы можете специализировать свой CSS и Javascriptиспользование для данного класса устройств (смартфонов, планшетов, настольных ПК и т. д.), а также знание адаптивного дизайна к индивидуальному профилю устройства с помощью Media Queries.

По крайней мере, хорошо, что вы можете указать свое собственное обнаружениеалгоритмы, так что вы можете обнаружить различные типы устройств одного и того же класса (например, iPad или Xoom).В этом случае мы решили сделать это с помощью проверки userAgent.Зачем?потому что в зависимости от формфактора или типа устройства вы можете предложить оптимизированный интерфейс.