Почему нельзя сделать удобно?

Question

[smoklew]

Почему нельзя сделать такую штуку, что прилюбом уменьшении/увеличении окна браузера элементы на сайте в зависимости от этого пропорционально увеличивались бы или уменьшались.
К примеру, делали бы все сайты под разрешение 1920x1080 и при уменьшении окна , все элементы автоматически сдвигались, сжимались, под любое разрешение...
Можно же придумать такую штуку как коэффициенты , которые будут иметь зависимость ( 1920 / на разрешение которое у пользователя, предположим (1366) , получается коэфициент ~ 1.4 и автоматически все велечины элементов делить на этот коэф., разве не возможно это автоматизировать?
Зачем придумывать такие сложные штуки как медиазапросы и так далее?

Comments

[littleguga]

Если вопрос решен, отметьте решения, пожалуйста.

Answer 1

[Котик Антон]

Зачем придумывать такие сложные штуки как медиазапросы и так далее?

Такое ощущение, что вы не смогли разобраться с этими "штуками" и теперь хотите, чтобы все под вас подстроились и упростили вам жизнь. Но, к сожалению, мы живём в жестоком мире без пони и единорогов.

Медиазапросы, флексбокс и относительные единицы измерения позволяют разработчикам делать сайты, которые будут выглядеть на разных устройствах именно так, как и задумывал дизайнер. Введение некого стандартного коэффициента, 1.4 или любого другого, - бред, потому что невозможно абсолютно всё подогнать под одно "волшебное" соотношение, которое всех устроит, хотя бы потому что иногда элементы веб-сайта на экранах с меньшим разрешением делают мельче, а иногда наоборот - крупнее.

Answer 2

[littleguga]

Такое есть, откройте для себя vw/vh.

А медиа запросы нужны, потому что расположение элементов на экране 1920 будет отличаться от расположения на экране мобильного телефона. Не впихнете Вы туда видео шириной 1080 и красивые картинки по бокам, поэтому надо перестраивать структуру(относительно перестраивать).

Для автоматического перестроения элементов - можно flex + vh/vw.

Comments

[smoklew]

Так лучше делать в % или vw/vh?

[littleguga]

smoklew: прочитайте ссылку, которую я дал в ответе. Это разные вещи, vh/vw вычисляются в зависимости от размера экрана(viewport'a, но чаще всего он почти, как размер экрана), а проценты от размера родителя. Если Вам не нужно ie8, то можно смело использовать vh/vw(caniuse.com для проверки)

[Котик Антон]

smoklew: Нужно знать, как работаю все единицы измерения и применять их с умом, там где они необходимы. Нельзя сказать, что одни лучше других.

Answer 3

[Алекс К]

В такой концепции текст будет мелким до нечитабельности на телефонах. Либо избыточно огромным на больших разрешениях.

Answer 4

[Ivanq]

Если бы вы указывали размеры не в px/pt, а процентах, все было бы нормально. Пиксели на то и пиксели, что везде будут выглядеть одинаково

Comments

[smoklew]

В пикселях возможно удобнее + размер текста указывается в пикселях, отступы...

[smoklew]

Но ведь согласитесь, удобнее было бы жить без медиа-запросов и указывать большинство величин в пикселях?

[Mr Crabbz]

smoklew: В чем проблема просчитать отступы и размеры шрифтов в процентах или em/rem. Откройте для себя мир относительных единиц. Плюс какой-нибудь SASS для максимального упрощения вообще всего.

Answer 5

[Елизавета Борисова]

Почему нельзя сделать такую штуку, что прилюбом уменьшении/увеличении окна браузера элементы на сайте в зависимости от этого пропорционально увеличивались бы или уменьшались.

То, что вы описали, реализуется элементарно, даже без JS, но полная "резина" не работает функционально и визуально. Например, шрифты и размеры объектов не подходят для планшетов/мобильных (если ресайзить, либо не влезут на экран), кликабельные элементы должны быть легко кликабельны на телефоне, а не с напрягом и тд. То есть речь идет об отдельном дизайне, а медиа-запросы - это упрощенный способ его реализации.