这是我的问题/问题/场景/我三个小时都无法弄清楚的事情。
这是CSS:
header {
width:100%;
height:95px;
color:#FFF;
position:fixed;
width:100%;
background:#3b5998;
display:block;
z-index:99999;
top:0px;
border-bottom:1px solid ##133783;
float:left;
}
.inner-header {
margin:0px auto !important;
width:100%;
height:95px;
max-width:1400px;
min-width:700px;
padding:0 10px 0 10px;
}
.header-logo{
padding-right:10px;
width:100% auto;
}
img#header1280-1366 {
width:100%;
}
.header-logo, .xbdlogo {
float:left;
}
.header-adsense {
float:left;
}
.xbdlogo {
top:-100px;
display:block;
position:relative;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
overflow:auto;
margin-right:10px;
}
.header-logo:hover + .xbdlogo {
top:30px;
}
.header-adsense {
padding-top:2px;
}
这是一个网站标题。
问题:
标题由 3 个组件组成,两个标题 Logo 和 AdSense 广告。
我想让它响应,每当用户重新调整窗口大小时,是否可以将 PNG BENDAGGERS 重新调整为较小的图像。我遇到麻烦了。我将宽度设置为 100%,但它不起作用。
有什么建议吗?
请帮忙!我感谢您的帮助! :)
最佳答案
简单答案:将宽度设置为百分比,即 width:30%
,依此类推,height:auto
以及填充和边距为 0。
关于css - 当窗口大小调整时,div 内的图像也会调整大小 响应式设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16880943/