Question

您好，我在学校的一些代码方面遇到了一些麻烦。当我调整Internet Explorer窗口时，我需要调整我的网页，任何帮助都非常感谢，我的所有代码都发布在下面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Cycling Tours</title>
    <link rel="stylesheet" type="text/css" href="Cstyles.css">
</head>
<body>
    <article id="HeadContent>
        <header id="Head">
            <h1 id="CycleTours">Cycle Tours</h1>
            <figure>
                <img id="BikeAxle" src="images/bicycle_axle.jpg" alt="bikeaxle"/>
                <img id="BikeBanner" src="images/bicycle_banner.jpg" alt="bikebanner"/>
            </figure>
        </header>
    </article>
</body>
</html>

* {
  margin: 0;
  padding: 0;
}
#Head {
  background-color: #C0C0C0;
  height: 600px;
  width: 80%;
  margin-left: 10.5%;
}
#BikeBanner {
  position: absolute;
  width: 70%;
  margin-top: -4%;
  height: 300px;
  margin-left: 2.2%;
}
#CycleTours {
  position: fixed;
  margin-top: 7%;
  color: white;
  margin-left: 50%;
  z-index: 1;
}
#HeadContent {
  margin-left: 12%;
  margin-right: 12%;
}

为什么我的网页不会自动调整到窗口大小

0 个答案: