获取现实屏幕尺寸(手机/电脑)
日期：2014-05-18 浏览次数：20918 次
获取实际屏幕尺寸(手机/电脑)
现在在开发网站；主要应用于手机，发现手机存在 横放和竖放 图片会自动放大，效果很不好，另外用ipad 打开，界面更大，图片也会拉的更大；
后来发现像素都是相同的，所以想获取 屏幕的实际尺寸，不知道该怎么做？
各位可有这类代码参考下？
------解决方案--------------------
电脑应该可以查询得到，手机就不太好办了，手机系统各异。
------解决方案--------------------
google下 就有了
<body> <SCRIPT LANGUAGE= "JavaScript ">
var s = " ";
s += "\r\n网页可见区域宽： "+ document.body.clientWidth;
s += "\r\n网页可见区域高： "+ document.body.clientHeight;
s += "\r\n网页可见区域宽： "+ document.body.offsetWidth + " (包括边线和滚动条的宽) ";
s += "\r\n网页可见区域高： "+ document.body.offsetHeight + " (包括边线的宽) ";
s += "\r\n网页正文全文宽： "+ document.body.scrollWidth;
s += "\r\n网页正文全文高： "+ document.body.scrollHeight;
s += "\r\n网页被卷去的高： "+ document.body.scrollTop;
s += "\r\n网页被卷去的左： "+ document.body.scrollLeft;
s += "\r\n网页正文部分上： "+ window.screenTop;
s += "\r\n网页正文部分左： "+ window.screenLeft;
s += "\r\n屏幕分辨率的高： "+ window.screen.height;
s += "\r\n屏幕分辨率的宽： "+ window.screen.width;
s += "\r\n屏幕可用工作区高度： "+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度： "+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth + " 位彩色 ";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI + " 像素/英寸 ";
alert(s);
</SCRIPT>
不过不知道是不所有浏览器都支持
------解决方案--------------------
我用JQuery：
$(window).width()
$(window).height()
取得窗口大小
------解决方案--------------------
int winWidth = SystemInformation.PrimaryMonitorSize.Width;
int winHeight = SystemInformation.PrimaryMonitorSize.Height;
------解决方案--------------------
分辨率就够了啊，就能知道图像的形状
清晰度 加个系统判断
IPAD的调用 DPI 300的图片，PC 调用DPI 96的图像
------解决方案--------------------
http://www.newxing.com/Tech/WebDevelop/JavaScript/292.html
这有获取浏览器类型的，判断下，加载不同图片即可
现在在开发网站；主要应用于手机，发现手机存在 横放和竖放 图片会自动放大，效果很不好，另外用ipad 打开，界面更大，图片也会拉的更大；
后来发现像素都是相同的，所以想获取 屏幕的实际尺寸，不知道该怎么做？
各位可有这类代码参考下？
------解决方案--------------------
电脑应该可以查询得到，手机就不太好办了，手机系统各异。
------解决方案--------------------
google下 就有了
<body> <SCRIPT LANGUAGE= "JavaScript ">
var s = " ";
s += "\r\n网页可见区域宽： "+ document.body.clientWidth;
s += "\r\n网页可见区域高： "+ document.body.clientHeight;
s += "\r\n网页可见区域宽： "+ document.body.offsetWidth + " (包括边线和滚动条的宽) ";
s += "\r\n网页可见区域高： "+ document.body.offsetHeight + " (包括边线的宽) ";
s += "\r\n网页正文全文宽： "+ document.body.scrollWidth;
s += "\r\n网页正文全文高： "+ document.body.scrollHeight;
s += "\r\n网页被卷去的高： "+ document.body.scrollTop;
s += "\r\n网页被卷去的左： "+ document.body.scrollLeft;
s += "\r\n网页正文部分上： "+ window.screenTop;
s += "\r\n网页正文部分左： "+ window.screenLeft;
s += "\r\n屏幕分辨率的高： "+ window.screen.height;
s += "\r\n屏幕分辨率的宽： "+ window.screen.width;
s += "\r\n屏幕可用工作区高度： "+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度： "+ window.screen.availWidth;
s += "\r\n你的屏幕设置是 "+ window.screen.colorDepth + " 位彩色 ";
s += "\r\n你的屏幕设置 "+ window.screen.deviceXDPI + " 像素/英寸 ";
alert(s);
</SCRIPT>
不过不知道是不所有浏览器都支持
------解决方案--------------------
我用JQuery：
$(window).width()
$(window).height()
取得窗口大小
------解决方案--------------------
int winWidth = SystemInformation.PrimaryMonitorSize.Width;
int winHeight = SystemInformation.PrimaryMonitorSize.Height;
------解决方案--------------------
分辨率就够了啊，就能知道图像的形状
清晰度 加个系统判断
IPAD的调用 DPI 300的图片，PC 调用DPI 96的图像
------解决方案--------------------
http://www.newxing.com/Tech/WebDevelop/JavaScript/292.html
这有获取浏览器类型的，判断下，加载不同图片即可
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
