Подскажите пожалуйста, как прописать в CSS STYLE правильные @media запросы, начиная с @media only screen and (min-width: 290px) and (max-width: 600px) , заканчивая, чтобы при расширении окна браузера до 200% сайт отображался как задумано с самого начала, а не прилипал к левой стороне или блоки не наезжали друг на друга.
В примере выкладываем все @media запросы нужные для правильного отображения сайта, начиная с варианта для мобильных устройств, заканчивая для компьютеров с огромным монитором.
Вам ответят быстрее, если Вы покажете свой код, т.к. вопрос звучит слишком обще. Я бы изначально сделал сайт для 100% размера. А потом просто прописать несколько media - запросов, указывая в каждом диапазон ширины. Ну, и прописывая, соответственно, только те свойства в них, которые должны меняться. Касательно расположения блоков и их построения, чтобы они не наезжали или не прилипали, это будет Ваш выбор - использовать ли float, inline-block, flexbox или их комбинацию, прописывая, само собой, соответствующие margin и т.д.
Спасибо за ответ - я вообще самоучка, изначально всё прописано на max-width: 100%; но, для того, чтобы были отступы по бокам, я прописал размер контейнера
Здесь многие самоучки… Воспользуйтесь песочницей для демонстрации своего кода и исправьте название раздела вашей темы. Ваш вопрос никак нельзя отнести к “Знакомству с CSS”.
Да, думаю, БОЛЬШИНСТВО самоучки - мне вспомнилось: “Никогда не бойся делать то, чего не умеешь. Как известно, “Титаник” построили профессионалы, а ковчег - любитель”
