Bootstrap全版廣告輪播(vx/vh)
檔案下載
檔案資訊
梅問題教學網
梅問題檔案庫
檔案名稱 Bootstrap全版廣告輪播(vx/vh)
來源網址
http://www.minwt.com
分享網址
http://dl.minwt.com/BmkTYSA
先前曾透過百分比,來將Bootstrap的廣告輪播系統變成全螢幕,但這時圖片就會依照比例,等比的將圖片放到滿版,這時當螢幕的比例與圖片不符時,就會發現到,廣告輪播的切換鈕跑到下方去,同時還會出現捲軸,因此這時若要解決此問題,就只能透過jQuery來計算當前螢幕的顯示比例,再去縮放圖片,但現在有更簡單的方法啦!透過CSS3的新單位vh與vw,就可完成全螢幕啦!而vh與vw到底是什麼單位呢?現在就一塊來了解吧!
檔案下載
BOX
|
MediaFire
|
網易虛擬主機