html - 响应式图像大小调整问题

Question

我正在尝试建立一个响应式网站，但是我正在努力调整我应用于我的网站的两个背景图像的大小。当我在移动设备上查看时，标题看起来被压扁了，我认为这已成为 AI 将固定高度应用于标题。我尝试使用属性 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;}

score 0 · Accepted Answer

0

像这样写：

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

于 2012-05-10T10:36:11.027 回答

score 0 · Accepted Answer

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

是你想要的效果吗？

2 回答 2