的響應完整背景圖片腳本顯示了網頁設計師如何避免JavaScript和只使用CSS代碼,使圖像正確顯示在頁面的整個區域,沒有任何套管空白部分。
而“背景尺寸:蓋”CSS屬性可以在其自己的實現這一點,因為大多數網站這些天從兩個移動設備和桌面設備訪問定期,如果背景圖像不被適當地選擇,在這些設備中的一個時,圖像將不總是適合窗口內正常。
該腳本還增加了CSS3媒體查詢到目標小屏幕設備等,確保不同的,更合適,更亮的圖像被用於智能手機和平板電腦。
總體來說,這一招可以說是相當有用的,特別是因為幾年,現在高品質的背景圖片是一個共同的趨勢,網頁設計行業。
一個演示是包含在響應完整背景圖片使用CSS包
要求:
- 在CSS 3的瀏覽器李>
評論沒有發現