html - css 响应 div 背景图像拉伸和缩放浏览器大小

Question

有谁知道如何让 div 元素在页面上延伸，该页面是图像的特定高度，并且图像缩放到 div 元素，当您调整浏览器大小时，图像会调整以适应最好的例子是微软的 windows 8.1 网站有查看在不同浏览器尺寸下缩放的图像。微软链接在这里

Answer 1

在您的样式表中：

.your_element {
     width:100%;
     padding:0 0 36% 0;
     background:url(pic.jpg) no-repeat top;
     background-size:100% auto;
}

..和你的HTML...

<div class="your_element">
</div>

您需要调整填充中的百分比以适应。