responsive

[necro]

Доброго времени суток. Начал по тиху разбираться с адаптивной версткой и возник вопрос.  Нашел в сети простой шаблон для тренировки и сижу делаю. Так вот, если блок, в нем текст. На 1024 паддинги к примеру : 100px 200px 50px 20px; на 320 уже будет 20px 50px 12px 5px. Шрифт тоже становится меньше, сидел долго думал как правильно сделать, гуглил читал, в итоге все равно сделал через @media. Вздохнул с облегчением, спустился к следующему блоку, а там почти такакя же история, сижу опять прописываю кучу @media. И возник вопрос, правильно ли это? Есть ли какой-то способ менять отступы и размер шрифта в зависимости от разрешения или вариант с media считается нормальным? Вот скрин на 1024px и 320px, чтобы было понятно о чем речь, заранее благодарен за объяснения.

 

[afdw]

Есть ли какой-то способ менять отступы и размер шрифта в зависимости от разрешения или вариант с media считается нормальным?

 

Вот. Попробуйте менять высоту.

[necro]

Это с размером шрифта, а отступы? И я читал что все эти vw vh и тд, так себе варианты, есть куча минусов

[afdw]

Это с размером шрифта, а отступы? И я читал что все эти vw vh и тд, так себе варианты, есть куча минусов

В отступах их тоже можно использовать. Какие минусы?

[necro]

Не могу статью найти, но если это норм вариант, то можно ли немного объяснить как оно работает? И еще, все ок если нет конкретных требований, а если мне четко стоит там столько пикселей, тут столько, в этом способе, как я понимаю, какое-то процентное отношение к высоте\ширине окна

[afdw]

Не могу статью найти, но если это норм вариант, то можно ли немного объяснить как оно работает?

 

vw - % от ширины viewport, vh - % от высоты viewport, vmin - min(vw, vh), vmax - max(vw, vh)

Это все правила.