Если вы хоть раз задавали в CSS медиазапрос вроде: ...а потом ломали голову, почему он не работает, несмотря на то что "у пользователя экран 1366×768", — вы не одиноки. Эта ошибка чрезвычайно распространена, и связано это с неправильным пониманием того, как работает viewport в браузере. В этой статье объясню, почему так происходит и как избежать подобных ошибок в будущем. Первое, что стоит понять: медиазапросы опираются не на физическое разрешение экрана, а на ширину viewport’а в CSS-пикселях. Например,...

В прошлом создание веб-сайта было более простой задачей. На сегодняшний день макет веб-сайта должен адаптироваться не только к компьютерам, но и к планшетам, мобильным устройствам и даже телевизорам.