Как через @media определить дивайс?

Question

[Капитан Какао]

Всем привет, верстаю адаптивный шаблон, использую
@media screen and (max-width: 1280px) {}
Всё что меньше 1280px идёт для планшетов.
Но блин, сейчас планшеты с такими разрешениями экрана как ПК.
Получается человек у которого на ПК разрешение 1280px тоже будет видеть таблет версию.
Можно ли через @media определить не разрешение экрана, а сам девайс (телефон/таблет/десктоп) ?

Answer 1

[Котик Антон]

https://css-tricks.com/snippets/css/media-queries-...

Answer 2

[eugene_d_dev]

Нельзя. Это можно сделать лишь с помощью javascript. И то процент успеха будет составлять где-то 85%. И то даже в js нет нормального способа это определять.

Comments

[Капитан Какао]

Спасибо. Жаль.

Answer 3

[Виталий Инчин ☢]

Через CSS такую проверку реализовать не выйдет, тут вам в помощь JS, PHP и остальное.

Вот это чудо используйте для проверки.

P.s: Как один из вариантов организации мобильной версии - использовать Apache mod_rewrite для перенаправлений с site/css/ на site/m/css/ при условии, что зашедший с мобильного.

Comments

[Капитан Какао]

Сильно много головняка, не стоит оно того)

[Виталий Инчин ☢]

Rad Cor: серьезно? пара лишних строк в коде и разделение css на 2 папки.

[Капитан Какао]

Виталий Инчин: серьёзно, мне за это доплачивать не будут, так зачем дрочить себе мозг)
Но в целом за наводку спасибо, возьму на вооружение)

Answer 4

[Vanya Semeschuk]

Ссылка
Можно использовать эту библиотеку

Answer 5

[Григорий]

... или эту jquery.mb.browser.js