您好：
<html>
<script>
function a(){
documentwrite(
"屏幕分辨率为："+screenwidth+""+screenheight
+"<br />"+
"屏幕可用大小："+screenavailWidth+""+screenavailHeight
+"<br />"+
"网页可见区域宽："+documentbodyclientWidth
+"<br />"+
"网页可见区域高："+documentbodyclientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+documentbodyoffsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽)："+documentbodyoffsetHeight
+"<br />"+
"网页正文全文宽："+documentbodyscrollWidth
+"<br />"+
"网页正文全文高："+documentbodyscrollHeight
+"<br />"+
"网页被卷去的高："+documentbodyscrollTop
+"<br />"+
"网页被卷去的左："+documentbodyscrollLeft
+"<br />"+
"网页正文部分上："+windowscreenTop
+"<br />"+
"网页正文部分左："+windowscreenLeft
+"<br />"+
"屏幕分辨率的高："+windowscreenheight
+"<br />"+
"屏幕分辨率的宽："+windowscreenwidth
+"<br />"+
"屏幕可用工作区高度："+windowscreenavailHeight
+"<br />"+
"屏幕可用工作区宽度："+windowscreenavailWidth
);
}
</script>
<body on
load="a()" >
</body>
</html>
您要用这个尺寸的话，只要用可用大小来显示就可以了。就是第二个屏幕可用大小。
css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。这个还是应该用js取：
documentdocumentElementclientWidth：取得浏览器页面可视区域的宽度documentdocumentElementclientHeight：取得浏览器页面可视区域的高度
screenwidth：取得屏幕宽度
screenheight：取得屏幕高度
screenavailWidth：取得除任务栏外的屏幕宽度
screenavailHeight取得除任务栏外的屏幕高度
级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
function a(){
"屏幕宽高为："+screenwidth+""+screenheight；
}
其它：
网页可见区域宽：documentbodyclientWidth
网页可见区域高：documentbodyclientHeight
网页可见区域宽：documentbodyoffsetWidth (包括边线的宽)
网页可见区域高：documentbodyoffsetHeight (包括边线的宽)
网页正文全文宽：documentbodyscrollWidth
网页正文全文高：documentbodyscrollHeight
网页被卷去的高：documentbodyscrollTop
网页被卷去的左：documentbodyscrollLeft
网页正文部分上：windowscreenTop
网页正文部分左：windowscreenLeft
屏幕分辨率的高：windowscreenheight
屏幕分辨率的宽：windowscreenwidth
屏幕可用工作区高度：windowscreenavailHeight
屏幕可用工作区宽度：windowscreenavailWidth
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
eventclientX 相对文档的水平座标
eventclientY 相对文档的垂直座标
eventoffsetX 相对容器的水平坐标
eventoffsetY 相对容器的垂直坐标
documentdocumentElementscrollTop 垂直方向滚动的值
eventclientX+documentdocumentElementscrollTop 相对文档的水平座标+垂直方向滚动的量
你可以用documentbodyscrollWidth
来获取，但兼容性本人没有做过测试。 给你个参考：网页可见区域宽：documentbodyclientWidth
网页可见区域高：documentbodyclientHeight
网页可见区域宽：documentbodyoffsetWidth(包括边线的宽)
网页可见区域高：documentbodyoffsetHeight(包括边线的宽)
网页正文全文宽：documentbodyscrollWidth
网页正文全文高：documentbodyscrollHeight
网页被卷去的高：documentbodyscrollTop(IE7无效)
网页被卷去的左：documentbodyscrollLeft(IE7无效)网页被卷去的高：documentdocumentElementscrollTop(IE7有效)网页被卷去的左：documentdocumentElementscrollLeft(IE7有效)
网页正文部分上：windowscreenTop
网页正文部分左：windowscreenLeft
屏幕分辨率的高：windowscreenheight
屏幕分辨率的宽：windowscreenwidth
屏幕可用工作区高度：windowscreenavailHeight
屏幕可用工作区宽度：windowscreenavailWidth
相对于窗口左上角的X：windoweventclientX相对于窗口左上角的Y：windoweventclientY
相对于整个页面的X：windoweventX
相对于整个页面的Y：windoweventY
侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。
如果你用jquery的话可以这样写：
$(window)on('orientationchange', function() {
var $el = $("#el"); // 需要重新获得宽和高的元素
var newWidth = $elwidth(); // 新的宽
var newHeight = $elheight(); // 新的高
});
<!DOCTYPE html>
<html>
<head>
<meta >
用 JavaScript 准确获取手机屏幕的宽度和高度
documentdocumentElementclientWidth; documentdocumentElementclientHeight;
这个得到的是设备像素可见宽高，比如iPhone 4s在微信内设置了viewport为1的时候为320416(手机480 - 微信状态栏64), iPhone 5里为320504
小部分手机获取到的宽高并不正确。比如上面说的screenwidth screenheight这些数据在有的手机上并不准确
下边是JS获得屏幕大小的方法，调用不同的CSS是给某个对象，设置不同CSS样式吗？
你最好说明你想要的效果。
<html><script>
function a(){
documentwrite(
"屏幕分辨率为："+screenwidth+""+screenheight
+"<br />"+
"屏幕可用大小："+screenavailWidth+""+screenavailHeight
+"<br />"+
"网页可见区域宽："+documentbodyclientWidth
+"<br />"+
"网页可见区域高："+documentbodyclientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+documentbodyoffsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽)："+documentbodyoffsetHeight
+"<br />"+
"网页正文全文宽："+documentbodyscrollWidth
+"<br />"+
"网页正文全文高："+documentbodyscrollHeight
+"<br />"+
"网页被卷去的高："+documentbodyscrollTop
+"<br />"+
"网页被卷去的左："+documentbodyscrollLeft
+"<br />"+
"网页正文部分上："+windowscreenTop
+"<br />"+
"网页正文部分左："+windowscreenLeft
+"<br />"+
"屏幕分辨率的高："+windowscreenheight
+"<br />"+
"屏幕分辨率的宽："+windowscreenwidth
+"<br />"+
"屏幕可用工作区高度："+windowscreenavailHeight
+"<br />"+
"屏幕可用工作区宽度："+windowscreenavailWidth
);
}
</script>
<body onload="a()" >
</body>
</html>
以上就是关于javascript或php如何获取当前用户屏幕的物理尺寸全部的内容，包括:javascript或php如何获取当前用户屏幕的物理尺寸、分数加满！如何通过js获取屏幕宽度，然后传递给css、js网页如何获取手机屏幕宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）