Точки слома адаптивного дизайна

ВC
На сайте с 02.02.2006
Offline
463
907

В нескольких статьях авторы пишут о том, что достаточно проводить адаптацию по ширине экрана 1025 и 760 пикселей.

С этих позиций я проверил свой сайт с резиновой версткой и обнаружил следующее.

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

Реально получилось так.

При сужении экрана с 1250 пикселей первая точка излома 800рх. При этой ширине трехколоночный дизайн превращается в двухколоночный, а правая колонка перемещается вниз.

Вторая точка 650 пикселей, при которой дизайн превращается в одноколоночный.

Яндекс и Гугл своими скриптами такую страницу одобрили, однако я предполагаю на ширине экрана менее 480 пикселей увеличить ширину строк меню до 48рх и сделать просветы между ними 10рх, чтобы было удобно кликать пальцем.

Нужно ли сделать что-то ещё?

И как-то меня смущают такие большие цифры – 800, 650 и 480.

Или это нормально?

(Размер шрифта минимальный - 12рх, так что играть уменьшением его размера уже не получится)

Playerror
На сайте с 28.09.2008
Offline
149
#1

Меню на том месте, где оно ломается можно сразу меня на "гамбургер-меню".

Все остальные точки слома это уже на вашу усмотрение и зависят от дизайна.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий