© 视觉设计
Powered by LOFTER

手机浏览器地址栏及工具栏与可视区域尺寸总结

本片由本人使用iPhone 4s截图之后总结的区域尺寸,欢迎指点,如有错误的地方请提出或留言!


safari浏览器: 内容往上滑动时,地址栏隐藏,但是会有展示公司名称区域,同时工具栏会隐藏

状态栏+地址栏=40+88+1=128+1;工具栏:88+1

内容可视区域:960-128-1-88-1=742     |      960-79-1=880


Chrome浏览器(33.0.1750.15): 地址栏和工具栏合并,内容往上滑动时,会隐藏地址栏与工具栏

状态栏+(地址栏+工具栏)1=40+88+1=128+1

内容可视区域:960-128-1=831     |      960-40=920


UC浏览器(9.4.4.395): 内容往上滑动时,地址栏会隐藏,工具栏会一直显示

状态栏+地址栏=40+88=128;工具栏:80

内容可视区域:960-128-80=752     |      960-80-40=840


欧朋浏览器: 内容往上滑动时,地址栏会跟着页面往上走,而不是自动隐藏,工具栏会一直显示

状态栏+地址栏=40+129=169;工具栏:88

内容可视区域:960-169-88=703     |      960-40-88=832


QQ浏览器: 内容往上滑动时,地址栏隐藏,但是工具栏会一直显示

状态栏+地址栏=40+96=136;工具栏:96

内容可视区域:960-128-1-88-1=728     |      960-40-96=824


猎豹浏览器: 内容往上滑动时,地址栏和工具栏都会隐藏

状态栏+地址栏=40+88=128;工具栏:88

内容可视区域:960-128-88=744     |      960-40=920


Mercury浏览器: 内容往上滑动时,地址栏隐藏,但是工具栏会一直显示

状态栏+地址栏=40+82=122;工具栏:74

内容可视区域:960-122-74=764     |      960-40-74=846


搜狐浏览器: 内容往上滑动时,地址栏会跟着页面往上走,而不是自动隐藏,工具栏会一直显示

状态栏+地址栏=40+80=120;工具栏:78

内容可视区域:960-120-78=762     |      960-40-78=842














评论
热度 ( 1 )
TOP