作者lucy35 ()
看板Web_Design
標題[問題] 背景圖片無法滿版
時間Thu May 21 01:36:28 2020
目前問題是如果我把網頁縮小到一個地方,我右邊的div 就會被往下擠,然後他的背景就變
可是如果我把畫面縮到最小的時候,下面的div 後面背景又恢復正常了。如果是畫面最大的時候是正常的
http://i.imgur.com/ka1vuQb.jpg
這是code pen ,打code地方往右拉多一點的樣子,這是正常的
http://i.imgur.com/vPuh6Ro.jpg
這是打code地方最小的,後面會有白色的地方,我想填滿我原本的背景
background 是cover沒錯
請問要如何修改呢?
這是我codependent的網址
https://codepen.io/jolmokqi/pen/qBOLLmg?editors=1100
謝謝
-----
Sent from JPTT on my OPPO CPH1701.
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 42.74.174.167 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1589996192.A.C1B.html
※ 編輯: lucy35 (42.74.174.167 臺灣), 05/21/2020 01:40:06
1F:→ tino1991: css:2271行 height: 100vh, 寬調小之後被media query 05/21 02:44
2F:→ tino1991: 蓋過去了 05/21 02:44
請問要如何修改呢?
※ 編輯: lucy35 (42.74.174.167 臺灣), 05/21/2020 03:25:27
3F:推 cn0341: 因為你Header高度不夠 所以背景cover最多就100vh的高度 05/25 23:22
4F:→ cn0341: 試著修改高度就能看出差別了 05/25 23:22