用什么代碼實現？不允許有白色底色產生，因為手機高度不一樣

錯誤的寫法：加到div中結合圖片設置min-height，但是頁面不會回彈

話不多說直接上代碼

終極方案

html,body{

width:100%;

height:100%

}

再加一段

body{

font-family: "華文細黑";

background:url("../img/Flyer-bg.png") no-repeat;

background-size: 100%;

}

就是這么簡單，但是好多人想不到。

一個hack方案解決垂直劇中問題

緩存

.parent{

width:200px;

height: 200px;

/* 以下屬性垂直居中 */

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

margin: auto;

background-color: #aaa;

}

111

其他方案

Document

總結

以上是生活随笔為你收集整理的html背景图片自适应纵向,HTML5 body设置全屏背景图片 如何让body的背景图片自适应整个屏----实战经验...的全部內容，希望文章能夠幫你解決所遇到的問題。

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