為此,您可以使用background-size屬性

喜歡 ：

body{

background-size:cover;

-moz-background-size:cover;

-webkit-background-size:cover;

}

有其他屬性,如包含& 100％100％

對于IE,您可以使用過濾器

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";

編輯：

你現場代碼是正確的,但你有你定義寬度&像這樣的高度百分比

img{

position:absolute;

width:100%;

height: 100%}

編輯：

總結

以上是生活随笔為你收集整理的怎么设置html页面背景图片大小怎么设置,HTML – 响应式网页设计：“如何根据浏览器窗口大小使用CSS调整背景图像的大小”？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。