有點像是背景圖 上面有一些文字
請教前輩們，怎么讓一張圖片自適應(yīng)屏幕寬高？永遠填充滿屏幕？
慕森王
2018-08-10 09:09:47
1 回答
三國紛爭
TA貢獻1804條經(jīng)驗 獲得超7個贊
一般來講會使用一張分辨率比較大的圖（1920*1080）作為背景圖，然后再背景圖設(shè)置background-size:cover;background-postion: center;
如果瀏覽器支持css3,那么圖片小一點也無所謂，background-size設(shè)置成cover的話，會讓圖片自動鋪滿整個容器，就算不支持css3，只要圖片夠大，就不會出現(xiàn)有留白的現(xiàn)象。
background-postion設(shè)置為center，這樣會在一些屏幕比圖片小的設(shè)備上，讓背景圖片居中，即使在移動設(shè)備上也不會讓圖片的寬高比變得很奇怪。（如果你的容器寬高比是不變的話，那也可以不加這個屬性。）
添加回答
舉報
0/150
提交
取消