Адаптивный padding?

Question

[thorph0]

Я новичок, прошу помощи.
Какой сейчас самый актуальный способ задания адаптивных padding'ов (в моем случае для секции)? Чисто интуитивно я это реализовал через rem. Какие у этого способа плюсы/минусы? Может есть что по-лучше? Заранее благодарю.

html {
    font-size: 16px;
}

.section {
    padding: 2.5rem;
}

@media (min-width: 992px) {
    .section {
        padding: 6.25rem 0;
    } 
}

Comments

[Сергей delphinpro]

медиазапрос — это правильный способ. вне зависимости от используемых единиц.

[Сергей delphinpro]

Раз уж используете rem , используйте их и в медиазпросах.
Чтобы почувствовать разницу, выставьте в браузере большой размер шрифта и просмотрите страницу.

Answer 1

[Максим Тимофеев]

Какой сейчас самый актуальный способ задания адаптивных padding'ов

Сейчас в моде метод указания величины в единицах, которые используются в проекте. Так что если Вы используйте rem везде, то и отступы могут быть в rem. Если везде px, то наверное здраво будет указать в px. Но все зависит от задачи.

Какие у этого способа плюсы/минусы?

А в чем суть метода? Что за метод?

Может есть что по-лучше?

Вас интересует стоит ли использовать такие единицы? Или Вы думаете, что именно с padding у них есть нюансы?

Наверное стоит довести Ваш вопрос до крайности, что бы Вы поняли его абсурдность:
- стоит ли использовать цифру 1, для указания 112px в padding-top при ширине окна браузера в 15% от ширины блока. Или есть более хорошие варианты?

Так что если Вам надо указать внутренние отступы и их размер должен быть в 2,5 раза больше чем шрифт корневого элемента, то лучше способа, чем
padding: 2.5rem;
не найти

Comments

[thorph0]

Большое спасибо!