在滴滴开发H5一年了，我遇到了这些问题

文章预览

作者：WeilinerL 链接：https://juejin.cn/post/7372396174249459750 IOS圆角不生效 ios中使用border-radius配合overflow:hidden出现了失效的情况： 出现此问题的原因是因为ios手机会在transform的时候导致border-radius失效 解决方法：在使用动画效果带transform的元素的上一级div元素的css加上下面语句： -webkit-transform :rotate(0deg) ; IOS文本省略溢出问题 在部分ios手机上会出现以下情况： 原因 在目标元素上设置font-size = line-height，并加上以下单行省略代码： .text-overflow { display : -webkit-box; overflow : hidden; text-overflow : ellipsis; word-break : break-all; -webkit-line-clamp : 1 ; -webkit-box-orient : vertical; } 或者： .text-overflow { overflow : hidden; white-space : nowrap; text-overflow : ellipsis; } 由于不同系统包含的字体的行高不一致，即使设置了height = line-height 一样会有以上问题 解决 ………………………………