英雄形象完全没有反应
由于某种原因，我的英雄图像，只有我的英雄图像没有响应页面的其余部分。
我的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;
}
我应该怎么做才能使其响应？
蝴蝶刀刀浏览 42回答 1
1回答
-
牧羊人nacy
我认为这就是你想要的，这将使图像响应：img { max-width: 100%; height: auto; }.hero { max-width: 1340px; padding: 0 15px; margin: 0 auto; }
随时随地看视频慕课网APP
相关分类
Html5