Почему вашему бизнес-сайту нужна адаптивная верстка, мы разобрались в прошлой статье. Теперь - виды адаптивной верстки и для чего они нужны.
1. 320PX
Мобильные телефоны в вертикальной (портретной) ориентации.
Viewport - это видимая пользователю область веб-страницы. При адаптивности 320px дизайнеры ориентируются на viewport iPhone, т.к. он самый маленький. У Android viewport больше, для них сайт просто растягивается при верстке.
2. 480PX
Мобильные телефоны в горизонтальной (ландшафтной) ориентации.
Сервисы тестирования адаптичной верстки - Responsive Design Testing от mattkersley.com и Responsinator (www.responsinator.com).
3. 768PX
Планшеты в вертикальной (портретной) ориентации.
Планшеты по параметру "viewport" совершенно различны. iPad в портретной ориентации - 768px, планшеты Android - часто от 800pх.
4. 1024PX
Планшеты в горизонтальной (ландшафтной) ориентации. Именно здесь находятся десктопы, то есть "основная" верстка сайта.
Десктоп и планшеты в ландшафтной ориентации также могут иметь дизайн в 1000px. Почему 1000, а не 1024: в настольных браузерах полоса прокрутки съедает (обычно) 18px ширины.
5. 1920PX
Большой монитор или экран в Full HD.
Еще одно преимущество верстки сайта в 1000px для десктопной версии: верстальщику удобнее рассчитывать размеры в процентах, а до 1024 дизайн все равно спокойно растянется при верстке.
Что такое SSL-сертификат и почему он нужен вашему сайту - в этой статье.