调整网页上的图像大小

Question

我正在为我的HTML课程编写一个网页，我在调整图像大小时遇到​​了一些麻烦。我正在使用如下所示的代码。 width属性不会改变任何内容。

   #BicycleBanner {
  margin-top: -20% ;
  height: 200%;
  width: 900%;
   }

Answer 1

请发布HTML进行测试，但理论上您可以使用background-size css属性调整容器中的背景图像大小。

此处有更多信息 - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Scaling_background_images

Answer 2

#BicycleBanner {
display: block;
margin-top: -20% ;
max-width:900%;
max-height:200%;
width: auto;
height: auto;
}