Вот первый человек(с монитором 800x600) заходит на сайт и размеры элементов у него отображаются корректно(ничего не вылазит за экран).
Вот второй человек(с монитором 1600x1200) заходит на этот же сайт и размер элементов у него тоже отображается корректно(нету концентрации блоков в центре экрана и пустоты по бокам).
У обеих элементы равномерно расположены по длинне всего экрана.
Вопрос: какая магия такое сотворяет?Такое можно сделать на чистом html&css? Кстати, размеры внешней оболочки сайтов фиксированы(то есть равномерно расположились по всему экрану и зафиксировались).
Max-width это сотворяет и margin: 0 auto, подбираються отступы в соответсвии с разрешение экрана, а media qeries это уже адаптивный дизай там смотришь как верстка ломается при меньших разрешениях и задаешь соответственно изменения.
А поподробнее?
Задал допустим min-width/height и max-width/height. А кто высчитывает пропорции, по которым будет отображаться элемент? Или так?
Ты задал width и height элементы, написал мин и макс размеры этого элемента, и браузер в соотношении пропорций width к height будет расстягивать или сжимать элемент корректируя его к размеру монитора пользователя?
Но в таком случае, как разрешить браузеру самому изменять эти значения?
И все размеры в относительных единицах задавать что ли?
Подробнее тут или в других материалах в свободном доступе. Будете пробовать делать что-то подобное на конкретном примере, обращайтесь. А теорию почитаете сами.
Вообще забудьте о height для задания высоты страницы, высота всегда вычисляется контент плюс отступы, задается только ширина и центрирование, остальное почитайте в теории.
