Макет мобильной версии сайта верстается максимум на 620px?

Question

[Мариана Марианова]

Подскажи пожалуйста мобильная версия сайта верстается с максимальной шириной макета в 620px? Ведь сейчас большинство смартфонов с разрешением 1920px

Answer 1

[Сергей Горячев]

Когда не будешь путать физическое разрешение и пиксельное разрешение, тогда приходи и спрашивай.
PS: Не 620, а 320.

Comments

[Мариана Марианова]

Я задала вопрос не для того,что бы тут умничать!
Нечего ответить - проходи мимо

[Сергей Горячев]

Марина Галий: Вообще, я как бы ответил.

[Андрей Гончаров]

320 пикселей - верный ответ - это то разрешение, в котором iphone 5 показывает сайты

[Мариана Марианова]

Андрей Гончаров: ну то есть минимум 320 - максимум 620?

[Сергей Горячев]

Марина Галий: Откуда вы вообще взяли цифру 620? Не нужен никакой максимум.

[Мариана Марианова]

Сергей Горячев: ясно, спасибо за ответ

[Андрей Гончаров]

Марина Галий: это некорректный вопрос. Вероятно, ты имеешь ввиду на каком разрешении ставить брейкпоинт для мобильной версии, то у меня такая система:

$breakpoints: (
	'xl': (max-width: 1400px),
	'l': (max-width: 1024px),
	'm': (max-width: 768px),
	's': (max-width: 680px),
	'xs': (max-width: 480px),
);

[Сергей Горячев]

Андрей Гончаров: Ох, как я не люблю работать от max-width) Помню, как намучался в свое время с modile first, потом решил забить и работать от min)))

[Александр Белькевич]

Сергей Горячев: Все от ситуации зависит) Но на самом деле да, как то с min удобнее)

[Андрей Гончаров]

Сергей Горячев: Ну мне всегда суют макеты только от десктопа, очень редко рисуются несколько разрешений. Поэтому сперва всегда верстаю десктоп, и чаще сам их и адаптирую. Я если честно не понимаю хайпа на тему mobile-first и graceful degradation. По факту те же самые стили, только в обратном порядке)
Ну и в голове мне проще придумать как сделать что-то сложное, а потом упрощать, чем ,например, из подряд идущих простеньких плашек с тектстом на мобиле делать полноценный слайдер с фонами и эффектами.

[Сергей Горячев]

Андрей Гончаров: Александр Белькевич: только сейчас понял, что я перепутал))) я как раз и работаю с max, а min и mobile first мне неудобно) но соглашусь с тем, что многое зависит от ситуации и макета)

[tommy_13]

зачем к ширине привязываться? верстай так, чтоб на любой ширине было все ок

Answer 2

[Андрей Колодий]

Максимум - 414 x 736 pt. Это для iPhone 6 Plus.



Чтобы проверить это, в Chrome включите Console, потом Toggle Device Toolbar.
Или нажмите комбинацию клавиш Ctrl + Shift + M.