Адаптивный веб-дизайн: на какие разрешения ориентироваться?

адаптивная верстка

Сегодня мы поговорим об адаптивном веб-дизайне, а главное о вопросе, который мы все задаем себе:

Какие разрешения устройств для цели?

Я изучал адаптивный веб-дизайн с помощью Stone River Learning – видео-курса Джеффа Блейка «Создание адаптивных сайтов с использованием HTML5 и CSS 3» . В соответствии с основными разрешениями Джеффа, на которые мы должны ориентироваться при создании адаптивных дизайнов (скриншот взят из видеоурока ):

Адаптивный веб-дизайн: на какие разрешения ориентироваться?

Конечно, зная вашу аудиторию и анализируя их разрешения браузера, вы сможете лучше понять, что лучше всего соответствует вашим потребностям. Если вы еще не знаете свою аудиторию, эти 3 разрешения (320 пикселей, 768 пикселей и 1200 пикселей) охватывают самый широкий спектр устройств без чрезмерной детализации.

Наконец, если вам нужно разрешение конкретного устройства, Geoff рекомендует веб-сайт  http://screensiz.es/  . Это дает вам обзор тонн устройств:

Адаптивный веб-дизайн: на какие разрешения ориентироваться?

На сегодня все!