如何获取屏幕的宽度

Question

如题所述

Answer 1

问题一：js 中怎么获取当前屏幕的宽度 document.documentElement.clientWidth 这个方法返回页面在当前窗口中可见部分的宽度(不包括滚动条宽度)；
window.innerWidth 这个方法返回页面在当前窗口中可见部分宽度(包括滚动条宽度);
window.outerWidth 返回浏览器窗口自身宽度，包括菜单和边框；
screen.width 返回设备的(屏幕宽度)

问题二：js网页如何获取手机屏幕宽度 ]@]@]
@sssss

var x = navigator;
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
document.getElementById(p1).innerHTML=屏幕分辨率:+screen.width + * + screen.height+内部窗口: + w + * + h

不知道是不是这个 屏幕分辨率 ：pc上的桌面分辨率 。手机上是 一个型号固定的分辨率比如
华为8813的分辨率是480*854。。 内部窗口是 改变窗口大小刷新一下就有新的数据

问题三：用javascript 怎样才能很好的获取手机的屏幕宽度和高度 一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。viewport和屏幕的真实尺寸并不是对应的，如在Safari Mobile中viewport默认宽度（320px）是屏幕真实尺寸（640px）的一半，这里不管是用window.innerHeight还是window.screen.width拿到的都是320px。当然我们可以通过meta设置改变viewport的比例，如initial-scale=.5就可以让viewport和屏幕一致的尺寸，但这个比例在不同的手机上并不一定是2倍关系，特别是Android手机，在大屏手机（5寸以上）上这个值是3倍甚至4倍。而且改变viewport比例后可能会导致后续制作中出现一系列问题。所以我认为不要纠结一定要拿到屏幕真实尺寸，就把viewport的尺寸当成屏幕的尺寸进行页面设计和制作肯定是没有问题的。
有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。当然这样只能获得一个阶梯值（比如480px到540px之间、540px到600px之间等等），不是精确值，所以可能得不偿失，因此我是不推荐的。

问题四：如何获得当前屏幕的高度 window.onload = function(){ 获取屏幕高度 document.documentElement.clientHeightconsole.log(document.documentElement.clientHeight); 获取屏幕宽度 document.documentElement.clientWidthconsole.log(document.documentElement.clientWidth);}

问题五：html中 如何获取屏幕宽度?? 把以下这段代码放到之间或之间预览即可看到数据

/*将获取的值存到变量里*/
width_screen=screen.width;
height_screen=screen.height;
availWidth_screen=screen.availWidth;
availHeight_screen=screen.availHeight;
colorDepth_screen=screen.colorDepth;
/*end*/
/*输出值*/
document.write(你的屏幕宽为：+width_screen+
你的屏幕高为：+height_screen+
你的屏幕可用宽为：+availWidth_screen+
你的屏幕可用高为：+availHeight_screen+
你的颜色设置所有为数为：+colorDepth_screen);
/*end*/

问题六：怎么用jquery来获取屏幕的宽度和高速 $(window).width();$(window).height();严格来说，获取window才对

问题七：javascript怎么获取屏幕大小 1
2
3
4
5
6
7
8
9

window.onload = function(){
获取屏幕高度 document.documentElement.clientHeight
console.log(document.documentElement.clientHeight);
获取屏幕宽度 document.documentElement.clientWidth
console.log(document.documentElement.clientWidth);
}

问题八：PHP怎么获取屏幕的宽度与高度？ 10分 PHP是无法获取屏幕的高度和宽度的，你可以用JS来获取
Javascript:
网页可见区域宽： 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
JQuery:
$(document).ready(function(){　　alert($(window).height()); 浏览器当前窗口可视区域高度　　alert($(document).height()); 浏览器当前窗口文档的高度　　alert($(document.body).height());浏览器当前窗口文档body的高度　　alert($(document.body).outerHeight(true));浏览器当前窗口文档body的总高度 包括border padding margin　　alert($(window).width()); 浏览器当前窗口可视区域宽度　　alert($(document).width());浏览器当前窗口文档对象宽度　　alert($(document.body).width());浏览器当前窗口文档body的宽度　　alert($(document.body).outerWidth(true));浏览器当前窗口文档body的总宽度 包括border padding margin　　})

问题九：怎样用 JavaScript 准确获取手机屏幕的宽度和高度 屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
网页可见区域宽：document.body.offsetWidth
网页可见区域高：document.body.offsetHeight

问题十：Android开发 怎样获取屏幕的宽高是多少厘米 我们需要获取Android手机或Pad的屏幕的物理尺寸，以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸
下面的代码即可获取屏幕的尺寸。
在一个Activity的onCreate方法中，写入如下代码：
[java] view plain copy print?
DisplayMetrics metric = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metric);
int width = metric.widthPixels; 屏幕宽度（像素）
int height = metric.heightPixels; 屏幕高度（像素）
float density = metric.density; 屏幕密度（0.75 / 1.0 / 1.5）
int densityDpi = metric.densityDpi; 屏幕密度DPI（120 / 160 / 240）
DisplayMetrics metric = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metric);
int width = metric.widthPixels; 屏幕宽度（像素）
int height = metric.heightPixels; 屏幕高度（像素）
float density = metric.density; 屏幕密度（0.75 / 1.0 / 1.5）
int densityDpi = metric.densityDpi; 屏幕密度DPI（120 / 160 / 240）
但是，需要注意的是，在一个低密度的小屏手机上，仅靠上面的代码是不能获取正确的尺寸的。比如说，一部240x320像素的低密度手机，如果运行上述代码，获取到的屏幕尺寸是320x427。因此，研究之后发现，若没有设定多分辨率支持的话，Android系统会将240x320的低密度（120）尺寸转换为中等密度（160）对应的尺寸，这样的话就大大影响了程序的编码。所以，需要在工程的AndroidManifest.xml文件中，加入supports-screens节点，具体的内容如下：
[html] view plain copy print?

>