Задать вопрос
@virtualhero

Как задать высоту блока в процентах, в адаптивной верстке?

Объясните пожалуйста как быть с высотой блоков впроцентах? с шриной проблем нет но с высотой ничего не выходит. Вот пример: jsfiddle.net/Lxthaef6 верхняя синяя линия установлена в 60px но я хочу ее в процентах задать, так как должна быть больше, не понимаю как можно ее в процентах задать чтобы высота адаптивной была. Помогите пожалуйста.
  • Вопрос задан
  • 6521 просмотр
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
Olbery
@Olbery
Учащийся. Пытающийся.
Нужно задать padding-bottom: [x-значение от ширины] %; и все будет работаь.
jsfiddle.net/Lxthaef6/1 - пример исправленный.
Ответ написан
Если не нужна железная кроссбраузерность используйте vh и vw почитать про них можно тут shpargalkablog.ru/2013/03/px-em-calc.html

Проценты без костылей (ужасных) выставить по высоте нельзя, а вот vh и vw легко, в некоторых случаях вообще всё ещё лучше использовать js.
Ответ написан
paradokso
@paradokso
Начинающий фронт-эндер
вертикальные параметры в % зависят от ширина родителя.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы