gpt4 book ai didi

html - 仅 Chrome 中的图像倾斜错误

转载 作者:行者123 更新时间:2023-11-28 02:53:10 29 4
gpt4 key购买 nike

我有一张高度为 100% 且宽度为自动的图像。它应该始终是方形的,绝不能歪斜。如果您调整浏览器的大小以降低网站的高度,图像就会倾斜。倾斜时,您可以打开检查器并取消选中高度 100%,然后重新选中它,图像将恢复为正方形。

<html>
<body>
<div id=outer style='height:100vh'>
<div style='height:50%'>
<img style='height:100%;' src='https://i.pinimg.com/236x/0f/9a/36/0f9a36457c046fe12c2c69ad60a3e737--creative-thinking-texture.jpg' />
</div>
</div>
</body>
</html>

https://jsfiddle.net/auey41fd/

对于 Chrome 用户来说,这真的把我的网站搞得一团糟。有谁知道一个好的解决方法?它不仅在用户调整浏览器大小时发生。每当外容器变得不那么高时,里面的图像就会倾斜。它不特定于使用 vh 单位。在 Firefox 和 IE 中一切正常。

最佳答案

height 更改为 min-height。这应该可以解决您的问题。

关于html - 仅 Chrome 中的图像倾斜错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46576962/

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