chrome 模拟尺寸与真机尺寸差别

chrome 模拟尺寸与真机尺寸差别

alert(window.innerWidth);
alert(window.innerHeight);
标准模式下:
375 603 微信 等APP
375 553 safrai
375 559 app
375 667官方 模拟

375*667 指的是屏幕的尺寸。
chrome模拟的时候,模拟的是全屏的尺寸。
而正常真机在展现的时候有上下菜单,也占用一部分尺寸

放大模式下:
320 504 微信 等APP
320 454 safrai
320 460 app
375 667官方 模拟
发现放大模式下 高度占比变小

参考文章:
查看屏幕尺寸
移动端H5页面的设计稿尺寸(下)

此条目发表在CSS分类目录。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用*标注