Question

我在这里做了一些搜索并尝试了推荐的不同代码，但似乎都没有。很抱歉，如果这是一个基本问题，但我对编码很新。我试图将图像居中并适合浏览器窗口。我需要使用什么代码？ P.S图像不是我的背景图像。我正在更改背景的颜色，并希望此图像位于背景图像的顶部。这是我的代码

<body>
<div id="clock">
  <img src="images/clock.png" alt="">
</div>
</body>

我需要使用哪些CSS代码才能实现我想要做的事情？第一个图像是它在浏览器上的显示方式（基本上只能看到部分图像，因为它被放大了）第二个图像是我想要的样子

Answer 1

为该图片添加一些样式。将其添加到您的css文件中：

#clock img{
   width: 100%;
}

Answer 2

试试这可能会对你有所帮助

#clock
{
    margin:0px auto;
    text-align:center;
}
#clock
{
    max-width:100%;
}

Answer 3

＆＃13;

#clock{
  width:100%;
  text-align:center;
}

#clock img{
height:100px;
  width:auto;
}

＆＃13;

<div id="clock">
<img src="http://pngimg.com/upload/clock_PNG6611.png">

</div>

＆＃13;

这里你可以增加或减少图像高度：100px;但请确保宽度为自动，否则该图像的纵横比将起作用