H5
unstorm
还没有想好...
展开
-
前端iPhone刘海屏适配
对于iPhone系列出的越来越多,如果只是使用@media来做适配的话,老代码想要适配新机型还是有一定局限性的。 今天去搜了搜相关的解决方法,那么就来总结一下。 安全区 早期苹果对于 iPhone X 的设计布局意见如下: 核心内容应该处于 Safe area 确保不会被设备圆角(corners),传感器外壳(sensor housing,齐刘海) 以及底部的 Home Indicator 遮挡。也就是说 我们设计显示的内容应该尽可能的在安全区域内。 区域划分 下面两张图简单的描述了安全区域的划分细节.原创 2020-05-22 15:12:32 · 285409 阅读 · 0 评论 -
微信内网页关闭拉起键盘后页面错位
问题是这样的~ 微信中打开了一个页面,页面中有输入框,当点击输入框后会拉起系统键盘如图: 这个是没毛病的,但是当input失去焦点后,系统键盘会收起,这时候bug就来了。。。 页面底部多出来了一大块空白区域。 那就 开始解决问题吧! 我的方法是,当input获取焦点后记录当前滚动条位置,失去焦点时,页面滚动条重新定位至刚才位置。 var inputList = [$('.inpu...原创 2019-10-14 11:12:49 · 285853 阅读 · 0 评论