随笔分类 - 浏览器兼容及移动端兼容
摘要：最近写一个H5活动页，安卓里的表现很不错，写下来很少出现兼容性问题，ios就不一样了，好多问题都出现在ios上（手动狗头）🐶 1. ios在微信里弹出软键盘之后，页面底部留白 2. 利用伪类重写按钮样式的时候ios里的兼容问题 问题：用伪类重写按钮样式的时候，嵌套了一层，写里面.radio的伪类，
阅读全文
摘要：Hybrid App中，原生内嵌H5单页，由于安卓是有物理返回键的，按安卓物理返回键的时候会返回到上一个路由。 实际中需求是：当有弹层的时候，按物理返回键是关闭弹层，是页面的时候才执行返回上一个路由，所以需要对安卓进行兼容 开始的方案是Android原生重写方法onKeyDown()，H5 JsBr
阅读全文
摘要：移动端1px会显示为2px; 解决方式很多，这里介绍比较常用的一种方式--css的transform属性缩放 1. 上边框 相当于 border-top css 细线--直接缩放就好了 css 如果使用vux的话，vux也提供了1px解决方案 https://doc.vux.li/zh-CN/css
阅读全文
摘要：trim() 方法是原生js中去空格的方法，高版本浏览器已经默认支持trim() 方法，但ie8以下不支持，会报错：对象不支持“trim”属性或方法 解决这个的兼容，只需要扩展String原型属性 在公共js中写一个方法 也可以用jquery 写函数
阅读全文
摘要：ios的自带拼音全键会在输入框中输入拼音，直接在输入框用@keyup="autoInput()"的话，在监听输入事件的时候安卓显示正常， ios就会出现输入显示数据不灵敏 解决办法：放在watch里监听 输入框： html js
阅读全文
