js屏幕寬度

『壹』 如何利用js代碼區判斷是否是大小屏，小屏則內容充滿整個屏幕，大屏則內容居中顯示

不用js，css也可以。

//大屏幕，當屏幕寬度等於641px或者大於的時候
@mediascreenand(max-width:641px){
.container{width:640px;margin:0auto;}
}

//小屏幕，當屏幕最大寬度600px或者小於600px的時候
@mediascreenand(max-width:640px){
.container{width:auto;margin:0;}
}

js的話，判斷一下window.innerWidth

varww=window.innerWidth
if(ww<640){
document.documentElement.setAttribute('class','container-mobile')
}else{
document.documentElement.setAttribute('class','container')
}

.container{width:640px;margin:0auto;}
.container-mobile{width:auto;margin:0;}

『貳』 js中怎麼獲取當前屏幕寬度

1、js中獲取當前屏幕寬度方法如下：

網頁可見區域寬： document.body.clientWidth

網頁可見區域高： document.body.clientHeight

網頁可見區域寬： document.body.offsetWidth （包括邊線的寬）

網頁可見區域高： document.body.offsetHeight （包括邊線的高）

網頁正文全文寬： document.body.scrollWidth

網頁正文全文高： document.body.scrollHeight

網頁被捲去的高： document.body.scrollTop

網頁被捲去的左： document.body.scrollLeft

網頁正文部分上： window.screenTop

網頁正文部分左： window.screenLeft

屏幕解析度的高： window.screen.height

屏幕解析度的寬： window.screen.width

屏幕可用工作區高度： window.screen.availHeight

屏幕可用工作區寬度： window.screen.availWidth