Какое задать значение max-width для адаптации под телефон?

Question

[IvanKolyadich]

Доброго времени суток! Мне нужно адаптировать сайт под телефоны. Я хочу это сделать через CSS. Подскажите, какое значение задать max-width в @media screen?

Comments

[Антон Литвиненко]

обычно это несколько брейкпоинтов. часто уже на 1200 нужно чтото менять. минимальная ширина для боди все еще остается 320пикселей. для удобства можно использовать бутстраповские брейкпоинты, как наиболее распространенные, но никто не мешает писать хоть 100 медиазапросов, хоть на каждые 10 пикселей

Answer 1

[Александр Талалаев]

Советую все брейкпоинты самому по минимуму придумывать, а брать у лидеров:
https://getbootstrap.com/docs/5.1/layout/breakpoints/
https://tailwindcss.com/docs/responsive-design
Изучи какие они используют, смело бери их к себе в проект.
Ну и конечно же лучше идти снизу вверх, те по умолчанию у тебя мобильная вёрстка, в брейкпоинтах пишешь то, что отличается у тех кто больше.