专栏名称: React
互联网从业者,专注于 React系列精彩内容推荐。关注大前端、Node技术全栈、Flutter、WebAssembly、鸿蒙(harmonyOS)、小程序等互联网科技领域最前沿技术,定期分享个人创业经验。
今天看啥  ›  专栏  ›  React

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

React  · 公众号  ·  · 2024-07-17 22:36
    

文章预览

点击上方  React ,关注公众号 回复 加群 ,加入技术交流群交流 经常开发 H5 的小伙伴,肯定会经常遇到一些奇奇怪怪的兼容性问题,比如 iOS 上的弹窗,低版本 Android 的白屏现象等等。 今天给大家分享一位滴滴的前端同学,在工作中总结的一些 H5 开发经验。 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;    ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览