Media query
Как вы делаете отдельную верстку для мобильных телефонов и планшетов?
Зашел вот сейчас в свой бложик с телефона, так оказалось, что читать его не очень удобно: окончания слов справа вылезают за границу экрана, плюс все довольно мелко и нет автофокуса на контенте.
Решил сделать отдельные стили для мобильной версии. Погуглил подобные штуки «@media screen and (max-width)», которые прекрасно работали пять лет назад. Но у моего телефона разрешение экрана 1280х720, а на работе монитор - 1280х1024. У крутых планшетов уже небось 1920х1080. То есть если глядеть только на размер экрана, то с десктопа будет открываться мобильная верстка. Мне это не нравится.
Какие еще есть способы определить, с какого устройства заходит пользователь, и подсунуть ему правильный стиль? Отдельную версию сайта делать не хочется.