gpt4 book ai didi

javascript - 无法降低html中图像的高度

转载 作者:行者123 更新时间:2023-11-28 04:17:31 26 4
gpt4 key购买 nike

我是网络开发的新手。我想缩小图像的大小,但图像的高度并没有减少。我在这里做错了什么?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My test page</title>
</head>
<body>
<img style="width: 100%; height: 30%" src="images/test.jpg" alt="test image">
</body>
</html>

最佳答案

使用 height 而不是 max-heightmax-height 仅指定元素可以占用的最大高度,而不是实际高度。

此外,由于您使用百分比来定义高度,因此请确保为父元素(在您的示例中为body)指定了高度.

关于javascript - 无法降低html中图像的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38411318/

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