一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用windowinnerHeight还是windowscreenwidth拿到的都是320px。当然我们可以通过meta设置改变viewport的比例，如initial-scale=5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。而且改变viewport比例后可能会导致后续制作中出现一系列问题。所以我认为不要纠结一定要拿到屏幕真实尺寸，就把viewport的尺寸当成屏幕的尺寸进行页面设计和制作肯定是没有问题的。
有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是精确值，所以可能得不偿失，因此我是不推荐的。
CSS搞定不了，设定百分比是不能兼容所有浏览器的，所有高度不要使用%
你试着调用后台脚本吧，通过后台获取屏幕或者浏览器高度，然后给标签赋值
因为公司项目需要赋值的情况很多，这方面的事情都是交给程序员做的，我们做设计的一般不考虑怎么获取的
这个使用css是达不到具体效果的，这个只能使用js，具体流程就是先获取屏幕的高度，然后获取上面的div高度，经过计算得出下面div的高度，并使用js进行设置。当然了，获取上面div高度要在页面加载完毕之后进行获取，而不是dom元素加载完毕获取。希望帮助到你
网页里面的宽度是可以用百分比决定的，可以设置这个容器的宽度占屏幕宽度的百分之多少，但是因为百分比的宽度是要有参考对象的，所以在设置百分比的宽度时，要先设置body的宽度为100%。
照你的要求：一屏分为两栏显示，那么用两个DIV来做，一个DIV的宽度就是50%，两个在一起就正好100%了，如果你想这两个DIV之间有间距，那么就设置宽度为48%就行，具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。
高度是可以设置固定像素的，比如一个div的宽度为48%，高度为50px都行的，可以混用，只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了
下边是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 怎样才能很好的获取手机的屏幕宽度和高度全部的内容，包括:用javascript 怎样才能很好的获取手机的屏幕宽度和高度、css 怎样定义屏幕高度的一半、DIV+CSS效果求助，上下两个DIV，要求布满整个浏览器，且整个浏览器不能出现滚动条等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）