首頁(yè) 猿問 css怎么實(shí)現(xiàn)跨屏幕圖片滿屏

css怎么實(shí)現(xiàn)跨屏幕圖片滿屏

JavaScript

MMMHUHU 2018-09-14 10:10:28

我想用css實(shí)現(xiàn)一張圖片實(shí)現(xiàn)所有屏幕滿屏(背景圖實(shí)現(xiàn)滿屏或者img標(biāo)簽滿屏都可以)，而且不能出現(xiàn)拉伸效果，不知道有什么好方案。1.background-size: cover;雖然能滿屏，但是會(huì)有局部看不見note:請(qǐng)教各路大神支招，小弟不勝感激。

查看完整描述

1 回答

冉冉說(shuō)

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超1個(gè)贊

html,body{   width:100%;   height:100%;   background:url("****") no-repeat top center scroll;   background-size:100% 100% ;
   -webkit-background-size：100% 100%;
   -ms-background-size：100% 100%;
   -o-background-size：100% 100%;
   -moz-background-size：100% 100%;}

反對(duì) 回復(fù) 2018-09-30