今天再制作手机端页面的时候电脑上模拟显示一切正常，但是在手机端真机测试的时候发现部分圆形按钮有些变形，同样for循环出来的div，电脑上显示为圆形，但是手机端有的为椭圆，有的为圆形还有的为长方形，多方检查没找到错误，后来经过查询资料发现是在手机端为了自适应页面使用rem作为尺寸单位，而页面生成计算的时候rem会转换为px，但是这时候就有小数点，所以显示不正确，在把相关部分的rem修改为px之后真机测试没有问题，显示的是圆形图标
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
移动端border-radius失效
CSS样式-border-radius圆形边框基本用法
border-radius属性
html常用属性border-radius、linear-gradient怎么使用
CSS3 圆角（border-radius）详解
利用border-radius画椭圆
border-radius处理圆角出现的毛边
解决 border-radius 元素在应用了 transform 的子元素 时overflow:hidden 失效的问题
png格式的img元素直接设置背景色、border-radius等属性，不需再包裹div造成冗余
关于keildownload键变为灰色不能使用的问题