由于某種原因，我的英雄圖像，只有我的英雄圖像沒有響應頁面的其余部分。我的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 關注
- 126 瀏覽
添加回答
舉報
0/150
提交
取消