Как делать Responsive веб сайты?

В общем в теме responsibility я просто 0 и очень бешусь из за этого, так как это мне мешает невероятным образом продолжать работу над сайтами и делать их как нужно, так что хотелось бы попросить кого то знающего, кто уже прошёл через это объяснить мне, пожалуйста, как нужно правильно, особенно под какие экраны я должен ставить break point. Я даже готов связаться где то Discord, Skype, Telegram где угодно, лишь бы мне кто то смог расталковать как это делается, у меня уже есть готовый пример с дизайном и почти дописаным кодом

Мыслей и вопросов почему и как у меня очень много и я не могу перечислить их всех, так что можете прочитать ниже мою историю, одну из многочисленных, где я перечисляю, как раз таки, вопросы почему и как....

Я сейчас делаю веб - сайт и для responsibility я использую vh, vw, но в основном vw и лишь один break point на всём сайте с параметрами max-width: 450px(там у меня особенный дизайн)для всех остальных экранов я просто меняю размеры шрифтов, margin и тд. в зависимости от ширины экрана. На какой сайт не посмотрю там используют px и media query. Сколько бы я не пересматривал видео на русском, на английском, не перечитывал тонны статтей я не могу понять, как люди выставляют break point'ы. Как они понимают, что для телефона нужно поставить один размер экранов, а для компа другой, но размеров экранов тысячи, как угадать какой? Как быть, когда например с break point в 1200px и больше(как я понимаю это для компьютеров), но как быть с экранами в 2к, FullHD когда ты делаешь для 1200px, или когда ты в один экран поместил два окна с помощью виндовса 50 на 50. Там же будет сущий ад. Мог бы я использовать layout'ы, гриды, флекс боксы, rem, em для шрифтов да, отлично, но как быть, например, с этим: Пример дизайна

Есть большой текст в рамке, я его сделал, но вот картинка находится в границах этого текста, а значит нужно её делать в position: absolute и давать отрицательное значение right, это при 1920 ширине экрана, но например при меньшем, где то в 1600px, я увижу что картинка съехала куда то, тогда почему бы не поставить break point на 1600px, спросите вы? Поставил, а что делать с другими десятками экранов? Как мне узнать для каких экранов используют break point, их перечень?


Ответы (0 шт):