0

我正在尝试使用 CSS 来确保如果屏幕低于某个分辨率或窗口低于某个大小，我页面上的图像将调整大小。我已阅读使用 {max-width:100%}，已将其合并到我的代码中，但图像根本没有调整大小。图像宽 500 像素。

谢谢！

CSS 和 HTML：

.left{
float:left;
width:600px;
}

.right{
float:right;
width:400px;
}

#logoimage{
width: 100%;
margin: 50px auto;
max-width: 100%;
}

#navbar{
text-align: center;
font-family: 'Special Elite', cursive;
color:white;
font-size: 80px;
font-style: bold;
display: block;
margin: 60px auto;

}

<body>
<div class="left">
<div id="logo">
<img src="/pictures/logo.png">
</div>
</div>
4

1 回答 1

1

您的 ID 的 CSSlogoimage未应用于任何内容。您有一个 img 元素，但没有指定 ID。更改<img src="/pictures/logo.png">为<img id="logoimage" src="/pictures/logo.png" />使其生效。

此外，没有必要设置width为 100% 和max-width100%。这是多余的。将宽度设置为 100% 以确保元素为 100% 宽度，或者将 max-width设置为 100% 以确保元素自动宽度最大为 100%。

于 2013-04-18T01:52:09.743 回答