Html 英雄形象完全没有反应_Html_Css

Html 英雄形象完全没有反应

html css

Html 英雄形象完全没有反应,html,css,Html,Css,出于某种原因，我的英雄形象，而且只有我的英雄形象没有响应页面的其余部分我的html是： <head> <meta charset="utf-8"> <meta name="viewport" content="width=devicewidth, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <

出于某种原因，我的英雄形象，而且只有我的英雄形象没有响应页面的其余部分

我的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>

我应该怎么做才能使其响应？

我想这就是您想要的，这将使图像响应：

img {
  max-width: 100%;
  height: auto;
  }
.hero {
  max-width: 1340px;
  padding: 0 15px;
  margin: 0 auto;
  }

img {
  max-width: 100%;
  height: auto;
  }
.hero {
  max-width: 1340px;
  padding: 0 15px;
  margin: 0 auto;
  }