移动端兼容问题总结2

发布于: https://luoyangfu.com/article…

android 上使用 em,rem 等相对变量单位后，border-radius: 50% 为椭圆

描述

background: #ffffff;
border: 0.08533rem solid #fd333a;
width: 0.34133rem;
height: 0.34133rem;
border-radius: 0.17067rem;

根据网上解决方案：border-radius 设置为具体 px 值即可。

本人解决方法:

这里需要 width 和 height 均需要设置 Px 值，border-radius 则可以不变使用 50% 即可。

android 上直接使用 font-family 相关粗体字体，在 android 无效

描述: 设置相关 medium 字体，字体显示为正常类型字体，无法变粗

解决方式:

设置 font-weight, 在 ios 机型下不会生效，会根据具体字体表现形式展示，在 android 上则会表现粗体。

如果有其他解决方案，请不吝赐教。