收藏
回答

今天客户遇到的问题,圆角怎么切成了四块半弧形?


上图就是异常展示,代码其实也很简单;



正常的显示效果应该是这样的



看图片应该是一款iPhone手机;但是我这边没有一台iphone显示成这样,

请问大家会有什么情况会出现这种情况呢?

我以为是will-change:transform;这个属性导致了这个问题,然后我去掉这个属性之后,iphone plus 还是会出现这种问题.实在不清楚是因为什么原因导致这样的问题啊

最后一次编辑于  2019-08-19
回答关注问题邀请回答
收藏

2 个回答

  • 卢霄霄
    卢霄霄
    2019-08-10

    外层border border-radius 内层设了背景色白色,然后overflow:hidden失效了

    2019-08-10
    有用
    回复 3
    • DES
      DES
      2019-08-10
      谢谢提示
      2019-08-10
      回复
    • 卢霄霄
      卢霄霄
      2019-08-10回复DES
      我觉得跟你的 will-change 可能有关
      2019-08-10
      回复
    • DES
      DES
      2019-08-10
      是的,我也怀疑是这个因素影响了;因为按照上面overflow:hidden失效,应该是一张正方形图片遮盖到绿色边框,最后可能就是因为will-change处理的时候出现了问题
      2019-08-10
      回复
  • ______fyx
    ______fyx
    2019-08-10

    这个我也试了试,没有问题。我感觉还是那这个型号手机试一下比较好。

    2019-08-10
    有用
    回复 2
    • DES
      DES
      2019-08-10
      好的,非常感谢!我自个都没法想象怎么写的代码才能出现这种样式了☺
      2019-08-10
      回复
    • ______fyx
      ______fyx
      2019-08-10回复DES
      我也想知道怎么才能出现这么酷炫的效果,知道原因了告诉我,哈哈
      2019-08-10
      回复
登录 后发表内容
问题标签