設(shè)置背景圖片鋪滿整個(gè)屏幕

番茄西紅柿發(fā)布于2019-04-23 11:50 / 2925人閱讀

方案一

bgc {
    background-image: url(../image.ipg);
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
}

方案二

    position absolute
    width 100vw
    height 100vh
    background-repeat no-repeat
    background-size cover
    background-position 50%
    background-image url(/static/img.jpg)

GPU云服務(wù)器云服務(wù)器 webrtc共享整個(gè)屏幕圖片鋪滿 asp 圖片鋪滿整個(gè)頁面彈性設(shè)置

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1230.html

相關(guān)文章

關(guān)于移動(dòng)端像素的顯示問題

摘要：在移動(dòng)端開發(fā)的過程中大家都會(huì)發(fā)現(xiàn)，移動(dòng)端的顯示一般與桌面端的不一樣。像素講了這么多概念，仿佛還是沒有很好地解釋文章開頭的問題。上面所指出的這種抽象單位稱為設(shè)備無關(guān)像素。在移動(dòng)端開發(fā)的過程中大家都會(huì)發(fā)現(xiàn)，移動(dòng)端的顯示一般與桌面端的不一樣。比如在iphone6上顯示一個(gè)1334x750像素大小塊狀元素，雖然在蘋果官網(wǎng)上iphone6標(biāo)稱的屏幕像素密度是1334x750規(guī)格，但是我們卻發(fā)現(xiàn)...

Doyle 2019-08-02 16:00 評(píng)論0 收藏0
關(guān)于移動(dòng)端像素的顯示問題

摘要：在移動(dòng)端開發(fā)的過程中大家都會(huì)發(fā)現(xiàn)，移動(dòng)端的顯示一般與桌面端的不一樣。像素講了這么多概念，仿佛還是沒有很好地解釋文章開頭的問題。上面所指出的這種抽象單位稱為設(shè)備無關(guān)像素。在移動(dòng)端開發(fā)的過程中大家都會(huì)發(fā)現(xiàn)，移動(dòng)端的顯示一般與桌面端的不一樣。比如在iphone6上顯示一個(gè)1334x750像素大小塊狀元素，雖然在蘋果官網(wǎng)上iphone6標(biāo)稱的屏幕像素密度是1334x750規(guī)格，但是我們卻發(fā)現(xiàn)...

gityuan 2019-08-29 13:59 評(píng)論0 收藏0
一個(gè)簡(jiǎn)單的滑動(dòng)動(dòng)畫廣告項(xiàng)目

摘要：公司接了一個(gè)當(dāng)下很火熱的，網(wǎng)上有各種模板和造好輪子付費(fèi)使用的滑動(dòng)廣告的項(xiàng)目。其中核心方法是，筆者猜測(cè)方法里應(yīng)該是先取出本里的所有類名含有的元素，運(yùn)用的方法取出動(dòng)畫的三個(gè)屬性值，然后加上以觸發(fā)動(dòng)畫。公司接了一個(gè)當(dāng)下很火熱的，網(wǎng)上有各種模板和造好輪子付費(fèi)使用的滑動(dòng)廣告的項(xiàng)目。網(wǎng)上的模板大部分類似于PPT，而且文字量很大，大部分都是文字的淡入/淡出效果，想做一個(gè)稍微復(fù)雜點(diǎn)的。研究了一下，...

luzhuqun 2019-08-22 10:47 評(píng)論0 收藏0
一個(gè)簡(jiǎn)單的滑動(dòng)動(dòng)畫廣告項(xiàng)目

摘要：公司接了一個(gè)當(dāng)下很火熱的，網(wǎng)上有各種模板和造好輪子付費(fèi)使用的滑動(dòng)廣告的項(xiàng)目。其中核心方法是，筆者猜測(cè)方法里應(yīng)該是先取出本里的所有類名含有的元素，運(yùn)用的方法取出動(dòng)畫的三個(gè)屬性值，然后加上以觸發(fā)動(dòng)畫。公司接了一個(gè)當(dāng)下很火熱的，網(wǎng)上有各種模板和造好輪子付費(fèi)使用的滑動(dòng)廣告的項(xiàng)目。網(wǎng)上的模板大部分類似于PPT，而且文字量很大，大部分都是文字的淡入/淡出效果，想做一個(gè)稍微復(fù)雜點(diǎn)的。研究了一下，...

FrozenMap 2019-08-01 16:03 評(píng)論0 收藏0
css之div未知高度，剩余div鋪滿整個(gè)屏幕

摘要：當(dāng)我們不知道為的中內(nèi)容有多高的時(shí)候，但是需要讓鋪滿剩余屏幕的時(shí)候，需要將變?yōu)閺椥院校唧w代碼如下這樣就可以了 title1 title2 title3 ...

UnixAgain 2019-08-23 16:52 評(píng)論0 收藏0