边框半径在三星银河J7中不起作用

Question

我有一个包含代码的有角度的应用程序

<div class="round">
  <img />
<div>

.round {
  height : 100px;
  width : 100px;
  border-radius : 50%;
}

此应用程序正在将其用作混合应用程序。我在Samsung Galaxy J7手机上对其进行了测试，发现该图片未显示。

当我在chrome中调试它时，可以看到删除的边框半径图像。在Android和iOS的其他设备中，使用相同的代码也可以正常工作。

Answer 1

某些浏览器需要特殊属性。

尝试以下代码：

.round {
  height : 100px;
  width : 100px;  
  -webkit-border-radius: 50% !important;
  -moz-border-radius:  50% !important;
  border-radius : 50% !important;
}