本篇主要是介绍屏幕尺寸信息、浏览器尺寸信息及HTML页面尺寸信息。本人新手,下面所写都是经过测试通过的。都是通过百度及api查到的。如有错误请指出,谢谢!
屏幕的尺寸是指当前分辨率下的高度、宽度,而不是物理高度、宽度。 如:一个22寸的显示器,屏幕分辨率为1366 * 768,那么我们可以获取到的屏幕高度为1366px,宽度为768px。 屏幕宽度和高度、屏幕可用宽度和高度。 图一是javascript代码截图,图二是打印结果。 通过图二的打印结果可以看出,屏幕的高度大于屏幕可用高度。缺少的那部分就是电脑的任务栏高度
浏览器宽度和高度。 图一是javascript代码截图,图二是打印结果。 只要改变浏览器大小,刷新即可看到打印结果变化
页面可用宽度和高度,body的展示宽度和高度 HTML代码是画了一个宽度1800px高度1000px的矩形 图一是javascript代码截图,图二是打印结果。 通过图二的打印结果可以看出,页面可用宽度和高度大于body的展示宽度和高度。多的那部分就是横竖滚动的大小。
body的总宽度和高度 图一是javascript代码截图,图二是打印结果。
以上是全部内容,end。