Почему нельзя сделать такую штуку, что прилюбом уменьшении/увеличении окна браузера элементы на сайте в зависимости от этого пропорционально увеличивались бы или уменьшались.
К примеру, делали бы все сайты под разрешение 1920x1080 и при уменьшении окна , все элементы автоматически сдвигались, сжимались, под любое разрешение...
Можно же придумать такую штуку как коэффициенты , которые будут иметь зависимость ( 1920 / на разрешение которое у пользователя, предположим (1366) , получается коэфициент ~ 1.4 и автоматически все велечины элементов делить на этот коэф., разве не возможно это автоматизировать?
Зачем придумывать такие сложные штуки как медиазапросы и так далее?
А медиа запросы нужны, потому что расположение элементов на экране 1920 будет отличаться от расположения на экране мобильного телефона. Не впихнете Вы туда видео шириной 1080 и красивые картинки по бокам, поэтому надо перестраивать структуру(относительно перестраивать).
Для автоматического перестроения элементов - можно flex + vh/vw.
smoklew: прочитайте ссылку, которую я дал в ответе. Это разные вещи, vh/vw вычисляются в зависимости от размера экрана(viewport'a, но чаще всего он почти, как размер экрана), а проценты от размера родителя. Если Вам не нужно ie8, то можно смело использовать vh/vw(caniuse.com для проверки)