CSS如何獲取當(dāng)前設(shè)備的高度？這是前端開發(fā)人員經(jīng)常需要使用到的技巧。下面介紹幾種獲取當(dāng)前設(shè)備高度的CSS代碼。

/* 獲取當(dāng)前設(shè)備的高度 */
height: 100vh;

vh代表Viewport Height，即是當(dāng)前視窗高度。使用時(shí)，height屬性設(shè)置為100vh即可獲取當(dāng)前設(shè)備的高度。

/* 獲取當(dāng)前設(shè)備高度的80% */
height: 80vh;

也可以將視窗高度乘以一個(gè)百分比數(shù)值，從而獲得當(dāng)前設(shè)備高度的一部分。

/* 在IE10+中獲取當(dāng)前設(shè)備的高度 */
height: -ms-calc(100% - 20px);
height: calc(100% - 20px);

如果要支持IE10或更高版本，可以使用calc()函數(shù)計(jì)算當(dāng)前設(shè)備高度減去一定的像素?cái)?shù)值。