时间戳

首页 > 解决方案 > 英雄形象完全没有反应

html - 英雄形象完全没有反应

问题描述

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

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

我应该怎么做才能让它响应？

标签： htmlcss

解决方案

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

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

推荐阅读