我的页眉中有一个标识,我希望它是窗口高度的 10%。
<header style="float: left; height: auto; width: 100%;">
<img src="..." style="float: left; height: 10%;" />
</header>
这会导致我的图像根本不会改变大小,我该如何解决这个问题?
最佳答案
也许您可以将页眉设置为距 _parent 元素 10% 的高度(它甚至可以是父元素是 <body>
元素)。
然后使 img 适合 100% 的高度。
所以对于类似的东西
<body>
<header>
<img src="" />
</header>
</body>
你可能有:
body {
height: 100%;
}
header {
height: 10%;
}
img {
height: 100%;
}
当然只是一个想法。如果你考虑一下,你可以找到一个基于此的聪明解决方案,但比这个简单的方法聪明 ;)
关于html - 如何给窗口的图像百分比高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19015729/