响应式图像大小调整问题答案

【问题标题】：responsive image resizing issue响应式图像大小调整问题
【发布时间】：2012-06-01 04:33:20
【问题描述】：

我正在尝试构建一个响应式网站，但是我正在努力调整我应用于我的网站的两个背景图像的大小。当我在移动设备上查看时，标题看起来被压扁了，我想这已经变成了我对标题应用了固定高度。我尝试使用属性 height:auto，但仍然没有乐趣。有人能指出我做错了什么吗？

#header{
background: url(images/page_header_1024px.png) no-repeat;
background-size: 100% 100%;
max-width:1024px;
min-height: 100%;
margin: 0 auto;}

【问题讨论】：

【解决方案1】：

这样写：

    html, body{
     height:100%;
    }
#header{
 min-height:100%;
}

【讨论】：

【解决方案2】：

您不使用标准标签是否有原因？然后浏览器将本机调整它的大小 - 尝试调整这个页面的大小（只是你的图像在它自己的窗口中）： http://thisiswired.com/responsive/css/images/page_header_1024px.png

这是你想要的效果吗？

【讨论】：