码迷,mamicode.com
首页 > Web开发 > 详细

html5兼容问题总结-201802

时间:2018-02-25 15:50:32      阅读:246      评论:0      收藏:0      [点我收藏+]

标签:问题   cal   insert   nod   length   事件   binding   max   res   

1、fixed定位做的弹出框,弹出框里面有文本框。fixedios上兼容不友好,会造成光标乱跳。

解决方法:当弹出框弹出时给父元素加上fixed定位,此时页面无法滚动;弹出框关闭时移除fixed定位,页面恢复正常滚动。网上建议用better-scroll,或者用absolute定位改写弹出框。

2、弹性盒布局在低版本的ios上兼容性不太好(justify-content、flex:1

3、<input type="file">iOS上可以直接调用照相机拍照,竖拍出来的图片都会变成横图;然而上传后的图片正常,没有翻转。

4、低版本的ios不支持keyup事件

改用指令给元素绑定input事件

<!-- xxx.vue -->
<textarea :value="posterWord" maxlength="30" v-input="updatePosterWord"></textarea>
// 注册一个全局自定义指令v-input
Vue.directive(‘input‘, {
  // 当被绑定的元素插入到 DOM 中时
  inserted: (el, binding, vnode) => {
    el.addEventListener(‘input‘, function(e){
      const currentVm = vnode.context
      const funcName = binding.expression
      currentVm[funcName](e.target.value)
    }); 
  }
})

 

html5兼容问题总结-201802

标签:问题   cal   insert   nod   length   事件   binding   max   res   

原文地址:https://www.cnblogs.com/colorful-coco/p/8469306.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!