-1

有人可以帮我弄清楚为什么我的徽标图像没有根据浏览器大小调整大小吗？

-----CSS------------------------

body {
       height: 100%;
       background-color:#333;
}
#logo {
      max-width: 100%;
}
img {
     border: 0;
     max-width: 100%;
     height: auto;

}
#header-bg {
    background-image: url("header-bg.png");
    overflow: auto;
    width: 100%;
}

----------------HTML--------------------

 <body>
    <div id="header-bg">
    <div id="logo">
        <img src="logo.png" /> 
    </div>
   </div>
</body>
4

1 回答 1

4

原因是，你给max-width的，可能比原来的少width。所以给予width会解决你的问题。

img {
     border: 0;
     width: 100%;
     height: auto;
}

除此之外，一切都是正确的。

如果你觉得你的图像不是太大，它占据了屏幕的整个宽度，给父母一个更小的宽度，比如说25%。和图像a width。100%所以父母肯定会根据屏幕的宽度进行调整，你的图像也是如此。:)

于 2013-02-12T16:39:27.003 回答