首頁(yè) 猿問怎么讓背景圖片跟著縮放?

怎么讓背景圖片跟著縮放?

CSS3 Html/CSS Html5

NadiaSmile 2016-11-11 15:50:59

RT,body?{ ????background-image:?url(images/transfer_bg.jpg); }但是瀏覽器縮放圖片不動(dòng)怎么讓圖片跟著瀏覽器縮放而縮放

查看完整描述

3 回答

已采納

彬彬有理_0

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

background-size: 100% 100%;就可以了，第一個(gè)100%是寬度100%，第二個(gè)是高度100%

反對(duì) 回復(fù) 2016-11-11

yuanfengjituan

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

瀏覽器縮放，你的body或者里面的div是否縮放了呢，如果沒有怎么可能縮放呢，用響應(yīng)式（百分比）布局，如，

body?{

? ?width：100%；

? ?height：100%；??

??background-image:?url(images/transfer_bg.jpg);

}

反對(duì) 回復(fù) 2016-11-11

依然c

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

你可以寫個(gè)div，然后給他定義個(gè)背景圖。接下來是重點(diǎn)了，給div定義高寬，比如width:40%;height:400px;(height不能定義百分比)；然后寫background-size: 100% 100%;

1 反對(duì) 回復(fù) 2016-11-11

關(guān)注