如何獲取屏幕寬高?
在CSS中,我們可以使用screen
屬性來獲取屏幕的寬度和高度。screen
屬性返回一個(gè)包含屏幕信息的對象,其中包括屏幕的寬度、高度、可用寬度、可用高度等屬性。
要獲取屏幕的寬度,可以使用screen.width
屬性;要獲取屏幕的高度,可以使用screen.height
屬性,這兩個(gè)屬性都返回屏幕的寬度和高度,以像素為單位。
以下代碼可以獲取屏幕的寬度和高度:
var screenWidth = screen.width; var screenHeight = screen.height; console.log("屏幕寬度為:" + screenWidth + "px"); console.log("屏幕高度為:" + screenHeight + "px");
需要注意的是,screen
屬性返回的信息是基于整個(gè)屏幕的,而不是基于某個(gè)特定元素或容器,在使用screen
屬性時(shí),需要考慮到屏幕的實(shí)際大小和可用空間。
由于screen
屬性是瀏覽器提供的內(nèi)置對象,因此其可用性可能會受到瀏覽器版本和平臺的影響,在使用screen
屬性時(shí),建議先檢查其是否存在,以避免出現(xiàn)錯(cuò)誤或兼容性問題。