Как обнаружить мобильный телефон и планшет с помощью CSS или JavaScript независимо от брендов?

Question

В основном я пытаюсь создать 3 таблицы стилей CSS для настольных компьютеров, мобильных устройств и планшетов. И мне все равно, если это ipad или samsung galaxy tab, если я знаю, что это планшет, так что я просто применяю к нему планшет css. То же, что iphone или Nexus, который меня тоже не волнует. Я просто забочусь о размере в основном. Было бы хорошо, если бы JQuery Mobile мог это сделать.

Я знаю, что есть много кода для определения iphone, ipad и т. Д., Надеюсь, мой пост все еще имеет смысл.

Спасибо.

Answer 1

Похоже на использование медиазапросов CSS для создания адаптивного дизайна может быть тем, что вам нужно.

Answer 2

Я лично использую device.js и mobile-detect.js

Answer 3

Вы можете взглянуть на https://stackoverflow.com/a/10364620/450399

. Он использует css для проверки размера экрана, устанавливает HTML-элемент и ссылается на css в javascript, чтобы определить, является ли это «мобильным / планшетным» устройством.

Вы также можете взглянуть на Twitter Bootstrap :) Это действительно волшебно!

Answer 4

Вы можете проверить большую статью на SmashingMagazine о медиа-запросах и обнаружении браузера

Если вы покопаетесь там еще, вы найдете более полезную информацию.