html
kuku的
菜鸟一枚
展开
-
网页h5适配iPhoneX
前言如上图所示:对比iPhone8,iPhoneX的屏幕高度增145px,上下新增高度如图二所示。对于相对底部 fixed 定位的元素浏览器的展现都是有问题的。对于底部,如下图是适配前后的对比图(如果是底部导航栏会很明显,导航栏、tab栏会和home小条重合,适配会显得尤为重要)。 关于适配的几个知识点1、安全区域(Safe area ):确保不会被设备圆角(corners),传感器外壳(s...原创 2018-05-07 20:14:45 · 954 阅读 · 0 评论 -
微信或系统字体放大缩小,html页面布局错乱问题
前言手机可以调整字体大小的地方:1、手机QQ、微信、部分Android内置浏览器等非自己开发的App都支持字体大小的调整(我只介绍微信);2、iOS、Android系统本身也可以调整字体大小,导致自己开发的App的WebView的页面布局错乱。调整字体大小后对页面的影响:我先说一下系统自带调整字体大小功能对自己开发的App中的WebView页面的布局的影响:在iPhone系统设...原创 2018-07-25 11:53:43 · 15281 阅读 · 2 评论