专栏名称: 大迁世界
掘金LV8,思否10万+的作者。一个热爱前端的创业者。
目录
相关文章推荐
爱卡爱羊毛  ·  捡漏吧,随缘入~ ·  2 天前  
今天看啥  ›  专栏  ›  大迁世界

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

大迁世界  · 公众号  ·  · 2024-06-10 08:28
    

文章预览

原文链接: https://juejin.cn/post/7372396174249459750 作者: WeilinerL IOS圆角不生效 ios中使用border-radius配合overflow:hidden出现了失效的情况: image.png 出现此问题的原因是因为ios手机会在transform的时候导致border-radius失效 解决方法:在使用动画效果带transform的元素的上一级div元素的css加上下面语句: -webkit-transform :rotate(0deg) ; IOS文本省略溢出问题 在部分ios手机上会出现以下情况: image.png 原因 在目标元素上设置 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; } 由于不同系统包含的字体的行高不一 ………………………………

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