Какая максимальная ширина неадаптированного сайта?

Question

[Вениамин Смирнов]

Привет. Вопрос из заголовка: какую максимальную ширину рабочей области нужно ставить на неадаптированных сайта? 980 пикселей?

Если не ошибаюсь, то всё, что будет выше (от 1000 и т.д.) будет иметь белую полосу и прокрутку вправо на смартфонах и планшетах. Так ли это?

Answer 1

[Павел Радьков]

<meta name="viewport" content="width=device-width">

ставьте, только если у вас адаптивная верстка. Эта настройка пытается сохранить масштаб шрифта, но уменьшить ширину колонки до ширины экрана браузера. Если сайт не адаптивный, появится горизонтальная прокрутка. При изменении ориентации устройства, масштаб отображения не меняется.

<meta name="viewport" content="width=1024">

ставьте, если у вас сайт фиксированной ширины или резина с минимальной шириной. В этом случае сайт уменьшится в масштабе, чтобы колонка шириной 1024px помещалась без горизонтальной прокрутки. Конкретное значение подбирается исходя из минимальной ширины верстки. При изменении ориентации устройства с портретной на ландшафтную, масштаб сайта увеличится, чтобы занять новую ширину.

Comments

[Вениамин Смирнов]

Спасибо :)

Answer 2

[Евгений]

Я всегда выставляю 1024px в подобных случаях, так же можно указать мета тэг для мобильного:

<meta name="viewport" content="width=device-width">

Тогда весь сайт поместится в ширину девайса.

Comments

[Вениамин Смирнов]

Т.е. если дизайнер сделал макет для сайта с рабочей областью в 1024 пикселя и указать данный тег при вестке, то контент отмасштабируется под устройство и все? В идеале :)

[Евгений]

Здесь можно более подробно почитать об этом:
https://developers.google.com/speed/docs/insights/...

[Павел Радьков]

<meta name="viewport" content="width=device-width">

ставьте, только если у вас адаптивная верстка. Эта настройка пытается сохранить масштаб шрифта, но уменьшить ширину колонки до ширины экрана браузера.

<meta name="viewport" content="width=1024">
ставьте, если у вас сайт фиксированной ширины или резина с минимальной шириной. В этом случае сайт уменьшится в масштабе, чтобы колонка шириной 1024px помещалась без горизонтальной прокрутки.

[Вениамин Смирнов]

Павел Радьков: ответьте не как комментарием, я Вам плюсану и ответом отмечу, отличное решение! Спасибо!

Answer 3

[Фёдор Ананин]

Даже если вы поставите 800 пикселей и весь ваш сайт будет открываться на телефоне без прокруток, то всё будет чертовски маленькое, а текст из-за этого нечитаемый. Вывод: или делайте нормальный адаптивный сайт, или не заморачивайтесь и делайте 980-1280 пикселей (юзерам всё равно придётся масштабировать и скроллить).

Но, если сделать адаптивный нельзя (что чертовски странно), но хочется сделать так, чтобы хоть как-то было по уму, то делайте 980 пикселей, на планшетах будет вполне неплохо смотреться.

Comments

[Вениамин Смирнов]

Адаптивный сделать можно, я не спорю, но:
1. Не всегда удается сделать грамотную адаптацию в плане дизайна (конечно, это вопрос к дизайнеру)
2. Не всегда есть бюджеты на адаптивную верстку у клиента.

[Фёдор Ананин]

Вениамин Смирнов:
1) Всё всегда удаётся. Возможно, где-то приходится местами отказываться от фонового изображения и прятать ссылки в навигации под кнопку гамбергер, но всё удаётся.
2) Уже середина 2016 года. Я думал сейчас уже адаптивная вёрстка является стандартом и не требует дополнительных вложений средств.
-----
Например, я делаю сайты которые отлично смотрятся от 128 пикселей в ширину (очень старые телефоны/смартфоны или смарт-часы) и вплоть до 8К экранов, которых ещё нет в природе. И мне сейчас даже в разы сложнее сделать фиксированный сайт, чем адаптивный.

Answer 4

[HamSter]

960px стандарт - не промахнетесь!!!

Answer 5

[Александр]

Может вот это поможет: myresolutionis.ru/page/smapage.php

Answer 6

[archelon]

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

Comments

[Yustas Alexu]

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

[Вениамин Смирнов]

Открывал, масштабируют - да. Вопрос только в масштабе и отсутствия полосы прокрутки вправо.

[archelon]

Yustas Alexu: это неизбежно, если верстка не не адаптивная.