在反应本地创建css圈子

我在创建反应性的css圈子时遇到麻烦.以下作品在iPhone 6 Plus中,但在所有其他iPhone中,都成为钻石.

circle: {
  height: 30,width: 30,borderRadius: 30,}

现在如果我在borderRadius上使用PixelRatio,它可以在除iPhone 6 plus之外的所有功能中使用. iPhone 6 plus将其作为带圆角的盒子.

circle: {
  height: 30,borderRadius: 30 / PixelRatio.get(),}

解决方法

borderRadius应该是正方形的一半.所以15在你的情况下 – 无论设备具有什么像素比例.

它与30 / PixelRatio.get()仅适用于2x视网膜设备,导致结果为15.
那么对于iPhone 6 Plus,你确实得到一个圆形的盒子,因为结果是10(像素比为3).

我很惊讶你的这个说法,它在iPhone 6 Plus上有30个30×30平方.