html – 需要调整横幅大小以适应窗口CSS

概述我正在尝试使我的网站徽标/横幅正确地适合内容框. 不幸的是,它在不同的计算机分辨率和窗口大小上出现在不同的宽度上. 我的横幅广告也会在内容框中发生这种情况. CSS #logo { max-width: 100%; height: auto; width: auto; } HTML <div id="logo"> <center> <img src 我正在尝试使我的网站徽标/横幅正确地适合内容框.
不幸的是,它在不同的计算机分辨率和窗口大小上出现在不同的宽度上.

我的横幅广告也会在内容框中发生这种情况.

CSS

#logo {    max-wIDth: 100%;    height: auto;    wIDth: auto; }

HTML

<div ID="logo">    <center>        <img src="logo.png" alt="Image of Traffic Monsoon">    </center></div>

The website is here.

解决方法 < center>已弃用,因此请勿使用它.

要解决您的问题,您需要定位img而不是div

使用margin：auto和display：阻止图像居中而不是弃用的中心

#logo img {  max-wIDth: 100%;  height: auto;  wIDth: auto;  margin:auto;  display:block}

<div ID="logo">  <a>    <img src="http://clubtrafficmonsoon.com/banner.gif" alt="Image of Traffic Monsoon">  </a></div>

如果您想将此通常应用于网站中的所有图像,请执行以下 *** 作：

img {  max-wIDth: 100%;  height: auto;  wIDth: auto;}

总结

以上是内存溢出为你收集整理的html – 需要调整横幅大小以适应窗口CSS全部内容，希望文章能够帮你解决html – 需要调整横幅大小以适应窗口CSS所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。