在CSS中,我們可以使用window.innerWidth
和window.innerHeight
屬性來(lái)獲取屏幕的寬度和高度,這些屬性提供了瀏覽器窗口的寬度和高度,包括滾動(dòng)條(如果存在的話(huà))。
如果你想獲取屏幕的寬度,可以使用以下CSS代碼:
var screenWidth = window.innerWidth; console.log(screenWidth);
這段代碼會(huì)輸出屏幕的寬度(以像素為單位)。
同樣,獲取屏幕高度的方法如下:
var screenHeight = window.innerHeight; console.log(screenHeight);
這段代碼會(huì)輸出屏幕的高度(以像素為單位)。
需要注意的是,這些屬性返回的值是整數(shù),表示屏幕寬度的像素?cái)?shù),如果你需要更***的值,可以使用window.devicePixelRatio
來(lái)獲取設(shè)備的像素比,然后進(jìn)行適當(dāng)?shù)挠?jì)算。
如果你使用的是舊版本的瀏覽器,可能不支持這些屬性,在這種情況下,你可以嘗試使用其他方法或庫(kù)來(lái)獲取屏幕寬度和高度。
使用window.innerWidth
和window.innerHeight
屬性是獲取屏幕寬度和高度的簡(jiǎn)單方法,希望這篇文章能幫助你更好地理解這些概念。