我在创建反应性的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平方.
原文地址:https://www.jb51.cc/css/217099.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。