响应式图像调整大小问题

Question

我正在尝试建立一个响应式网站但是我正在努力调整我应用到我的网站的两个背景图像的大小。当我在移动设备上查看标题看起来被压扁时，我认为这变成了我对标题应用固定高度。我试过使用属性高度：auto，但仍然没有喜悦。 谁能指出我做错了什么？

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

click here

Answer 1

像这样写：

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

Answer 2

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

这是你想要的效果吗？