[問題] 背景圖與視窗大小一樣的設計

看板Web_Design作者 (UART)時間13年前 (2013/01/11 01:38), 編輯推噓2(203)
留言5則, 3人參與, 最新討論串1/1
我想使用一張大圖作為網頁的背景圖 大小要跟整個瀏覽器視窗的大小要一樣 可是這樣做的時候瀏覽器大小改變時可能會讓圖形形變 但是如果想要固定長寬比下伸縮,可能又有空白跑出來 請問這樣的設計要怎麼做才能夠兼顧比例問題又圖案放滿整個窗呢 我印象中有看過這樣的設計,只是想不起來是哪些網站= =||| -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 118.168.168.18

01/11 02:31, , 1F
如果不用js的話, 可以考慮在css用background-size: cover
01/11 02:31, 1F

01/11 02:34, , 2F
但是要記得幫每個browser加prefix
01/11 02:34, 2F

01/11 09:00, , 3F
google: full background images websites
01/11 09:00, 3F

01/11 20:28, , 4F
個人覺得你的需求說明不清 現有需求有矛盾
01/11 20:28, 4F

01/11 20:30, , 5F
固定比例 <> 放滿全螢幕 另外也未說明瀏覽器相容的程度
01/11 20:30, 5F
文章代碼(AID): #1GxlnwJl (Web_Design)