1、display的flex属性在ie上的问题
<div style="display: flex;justify-content:space-between;">
<a>1</a>
<a>2</a>
</div>
上述代码在谷歌浏览器上没有问题,但是在ie上,flex布局设置就无效了
解决方案
<div style="display: flex;justify-content:space-between;">
<div>1</div>
<div>2</div>
</div>
flex内部元素均改为块状元素就可以了
2、div的contenteditable属性问题
项目中一个输入框需要做换行处理,但是有需要自动填充高度,所以选择了div的contenteditable属性来解决
无法使用vue的双向绑定的问题,使用的是onblur方法去赋值,[contenteditable]:focus{outline:none;}
用来修饰点击后的效果
在电脑端和Android手机上都没有问题,但是在ios手机上点击无反应
解决方案
*{-webkit-user-select: auto;}
如果引入了fastclick,需要添加个类名 needsclick,原因是与fastclick机制冲突了