点击代码即可快速复制

代码 简介
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 屏幕逻辑分辨率

由于在移动设备中,设备密度各不相同,使用以下下meta标签限制浏览器缩放,这将帮我们解决了很多问题,我们只要按照设备物理像素的大小来进行开发就行了。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

免责声明:本站工具仅限合法使用,严禁用于任何形式的非法用途,对此产生的一切后果,本站不承担任何责任,也不对造成的任何损失或损害负责!