图片的高度用百分比表示无效
来源：4-15 锚链接(同一页面)
Odyssey_2022
2019-10-12 11:01:15
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title></title>
<style>
*{margin: 0;padding: 0;}
</style>
</head>
<body>
<img src="iceCream.jpg" width="30%" height="60%">
<script>
</script>
</body>
</html>
写回答
1回答
-
同学你好， 首先， 我们要理解百分比高度是根据父级元素的高度来计算的。
然后， 我们在来看同学这里的html结构， img的父元素是body， 但是通过控制台检查元素， 可以发现body的默认高度是0， 所以图片使用百分比无法设置高度。
建议： 可以直接图片一个固定的高度哦
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~~
1
相似问题