gpt4 book ai didi

css - 根据div高度调整img高度

转载 作者:太空宇宙 更新时间:2023-11-04 14:32:52 25 4
gpt4 key购买 nike

大家好

我的 CSS 行为很奇怪,但我不明白为什么。请帮助理解原因:

CSS

html body{
width:100%;
height:100%;
background-color:#000;
margin:0;
}


.top
{
margin-left:7.5%;
margin-right:7.5%;
height:8.1%; width:85%;
position:relative;
border-bottom:#FFFFFF solid thin;
}
.top img
{
height:100%;
}

HTML:

<body>
<div class="top" align="center">
<img src="images/titlu_trans.png" alt="Sigla companie Calin Events"/>
</div>

现在,Safari 通过将 div 高度设置为总分辨率高度的 8.1%,然后将 img 高度设置为 div 高度的 100%,即查看分辨率的 8.1%,从而正确解释了这一点。但是在 Windows 机器上的 Chrome 不会,而是通过将 img 的高度设置为查看分辨率高度的 100% 来解释这一点。为什么会这样?

最佳答案

您需要调整 html 和正文的大小。

html body{ 更改为 html, body{(注意逗号)

http://jsfiddle.net/FXhPZ/

关于css - 根据div高度调整img高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19009931/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com