Как установить% высоты в макете жидкости?

Question

Я разрабатываю текучие макеты страниц (определяя все в% в CSS) для нескольких устройств (настольных ПК / планшетов / мобильных устройств)

Теперь, когда я понимаю, что предоставление width: 100% занимает всю доступную ширину области просмотра (т.е. доступную область браузера) и, соответственно, вычисляет все% widths *

Но мой вопрос заключается в том, как установить или преобразовать любую высоту «пикселя» в% высоты для определения макетов флюида CSS?

Answer 1

Вы должны задать свой стиль тела следующим образом ...

 body {width: 100%; height: 100%; min-height: 100%; height: auto;}

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

body div {height: 50%; min-height: 50%; height: auto;}

Помните,% наследуется от его родителя.