Очень часто возникает необходимость определить общий тип устройства, с которого пользователь зашёл на сайт, а так же размер экрана (дисплея) этого устройства; в первую очередь это нужно для того, что бы система могла определить, какую страницу выдавать "клиенту", так как содержимое мобильных страниц обычно отличается от страниц, отображаемых компьютером: на них, как правило, выводится только основной контент, нет боковых модулей с дополнительной информацией, установлено собственное мобильное меню и так далее...

Современные пользователи заходят на сайты с самых разных устройств: смартфонов, планшетов, ноутбуков и широкоформатных мониторов. Чтобы ваш ресурс выглядел идеально на любом экране, важно понимать, как и зачем определять его размеры. Рассказываем, почему это критически важно для веб-разработчиков, дизайнеров и даже владельцев сайтов. Определение размеров экрана позволяет создавать адаптивные макеты, которые подстраиваются под разрешение устройства. Медиа-запросы в CSS — это основа, но знание точных параметров (например, с помощью JavaScript-свойств window...