我在创建反应性的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平方.
