JS获取设备屏幕参数代码
发布时间：2022-01-01 16:22:21
JS获取设备屏幕参数代码
| 代码 | 简介 |
|---|---|
| window.innerWidth | 网页缩放后可用宽度 |
| 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 | 屏幕可用工作区宽度 |
| window.devicePixelRatio | 屏幕缩放因子 |
| window.screen.width * window.devicePixelRatio | 屏幕逻辑分辨率 |
我们在移动端开发时，在<head>标签中加入
这句话帮我们解决了很多问题，我们只要按照设备物理像素的大小来进行开发就行了。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
