Опытные, подскажите пожалуйста как вы ставите медиа запросы?
Я знаю как это работает и как их писать, но все не могу понять на каких разрешениях экрана нужно ставить очередной медиазапрос.
Я сжимаю окно браузера, потом смотрю что получилось (ага что-то поехало или выглядит некрасиво) и пишу медиа запрос с max-width равным этому разрешению экрана.
Просто у меня их получается довольно много, что-то вроде штук 6-10 на проект. Хотя в интернете смотрел там люди пишут по 4-6.
Может просто ужимать больше чтобы оно захватывало сразу несколько разрешений экрана сразу?
Помогите плиз разобраться.
Я сжимаю окно браузера, потом смотрю что получилось (ага что-то поехало или выглядит некрасиво) и пишу медиа запрос с max-width равным этому разрешению экрана.
Это нормально.
Но если вы начнете работать по принципу mobile-first, то будет проще.
Хотя в интернете смотрел там люди пишут по 4-6.
В ТЗ бывает и вообще всего 2 версии. И на всем что меньше ~1000 показывается мобилка 320.
Но если делать desktop-first резину, то может быть и больше 10ка. И это не должно вас смущать.
Простой
Средний
