Published 2021-12-27 18:03:00
如何获取 Screen、Window、Page 等组件的宽高?
屏幕
屏幕大小
屏幕尺寸是屏幕的宽度和高度: 显示器、手机等设备屏幕。
window.screen
属性可以获取屏幕尺寸,其中包含屏幕的宽度和高度,以像素为单位。
可用屏幕大小
可用屏幕尺寸是屏幕的宽度和高度,不包含任何系统窗口,以像素为单位。
视窗
视窗外部宽高
窗口的外部大小由整个浏览器窗口的宽度和高度组成,包括地址栏、标签栏和其他浏览器面板。
使用outerWidth
和outerHeight
可以获取窗口的外部宽高,以像素为单位。
视窗内部大小
视窗的内部大小由整个浏览器窗口的宽度和高度组成,不包括地址栏、标签栏和其他浏览器面板。
使用innerWidth
和innerHeight
可以获取窗口的内部宽高,以像素为单位。
页面大小
页面大小是页面内容的宽度和高度(不包含边框、边距和滚动条)。