js獲取屏幕高度和寬度 html中如何獲取屏幕寬度?
html中如何獲取屏幕寬度?Metaname=“viewport”content=“width=device width,initial scale=1.0,minimum scale=0.5,max
html中如何獲取屏幕寬度?
Metaname=“viewport”content=“width=device width,initial scale=1.0,minimum scale=0.5,maximum scale=2.0,user scale=yes”/>
將上述句子添加到頁(yè)面中可以使頁(yè)面寬度自動(dòng)適應(yīng)手機(jī)屏幕的寬度。
其中:
width=device width:表示寬度是設(shè)備屏幕的寬度
initial scale=1.0:表示初始縮放
minimum scale=0.5:表示最小縮放
maximum scale=2.0:表示最大縮放
user scale=yes:表示用戶是否可以調(diào)整屏幕縮放
將以下代碼放在<head></head>之間或<bod Preview放在Y></body>之間,您可以看到數(shù)據(jù)<scriptlanguage=“JavaScript”type=“text/JavaScript”>/*將獲得的值保存在變量*/width screen=屏幕寬度高度屏幕=屏幕高度可用寬度屏幕=screen.availWidthavailHeight屏幕=screen.availHeightcolorDepth屏幕=screen.colorDepth/*結(jié)束*//*輸出值*/文檔.寫(xiě)入(“屏幕寬度為:screen”屏幕高度為screen“屏幕可用寬度為:screen”屏幕可用高度為“availheightuuscreen”將所有顏色設(shè)置為“colordepth”uscreen)/*結(jié)束*/</script>