疑难问题

111 阅读1分钟

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机制冲突了