由于某种原因，我的英雄图像，只有我的英雄图像没有响应页面的其余部分。我的html是： <head> <meta charset="utf-8"> <meta name="viewport" content="width=devicewidth, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <title>prototype</title> </head> <header><div class="hero"> <img src="images/hero.jpg" alt="hero"> </div>我的 css 是这样的：header { max-width: 1340px; padding: 0 15px; margin: 0 auto;}我应该怎么做才能使其响应？
1 回答
牧羊人nacy
TA贡献1862条经验 获得超7个赞
我认为这就是你想要的，这将使图像响应：
img {
max-width: 100%;
height: auto;
}
.hero {
max-width: 1340px;
padding: 0 15px;
margin: 0 auto;
}
- 1 回答
- 0 关注
- 35 浏览
添加回答
举报
0/150
提交
取消