1.vw:viewpoint width,視窗寬度,1vw等于視窗寬度的1%。
圖片設(shè)置100vw ? 1張圖片小屏幕占滿 ? ?
50vw 中等屏幕2張圖片?
33vw 大屏幕中3張圖片?
以上方法適用于響應(yīng)式輪播。
屏幕斷點為 min-width:768px,min-width:992px;
2.vh:viewpoint height,視窗高度,1vh等于視窗高度的1%。
vw, vh:IE9+局部支持,chrome/firefox/safari/opera支持。
3. 設(shè)置圖片的定位 ?垂直居中對齊?
? ? ? ?width:244px;
? ? ? ?height:266px;
? ? ? ?position:absolute;
? ? ? ? top:50%;
? ? ? ?left:50%;
? ? ? transform:translate(-50%,-50%);