我正在尝试为包含在 html 正文中的 2 个 div 元素(主要和标题)设置百分比。问题是当我的屏幕方向是纵向时,这不起作用(出现的高度百分比是错误的)。我正在检查的示例尺寸如下:
320x480
320x568
600x800
768x1024
800x1280
我使用 viewport resizer检查我的代码。
HTML代码:
<body>
<header>
<div id="title">
Just a title
</div>
</header>
<main>
Main div element here
</main>
</body>
CSS 代码:
html, body{
background-color:#A8F000;
height:100%;
}
header{
background-color:#F80012;
height:25%;
}
main{
background-color:#009E8E;
height:70%;
}
这里出了什么问题?
最佳答案
关于html - 高度百分比不适用于纵向屏幕方向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23198237/