移动端兼容问题总结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上则会表现粗体。

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