MOBILE EXPERIENCE
移动体验
围绕速度、布局与可访问性，优化手机端阅读体验。
移动体验
移动端背景图底部留白过多？检查 background-position-y 的百分比计算
当移动端背景图底部出现多余留白时，通常是因为垂直定位计算方式与预期不符，应重点检查 background-position-y 属性的百分比取值逻辑。
移动体验
移动端导航栏布局不均？检查 grid-template-columns 的 fr 单位
移动端导航栏布局不均时，应检查 grid-template-columns 属性中是否使用了 fr 单位来分配空间。
移动体验
移动端输入框文字显示为方块？检查 -webkit-text-security 属性
输入框文字显示为方块通常是因为使用了非标准的 -webkit-text-security 属性，该属性会将非密码字段中的字符替换为形状。
移动体验
移动端文字颜色与背景色冲突？检查 -webkit-text-fill-color 属性
当文字颜色与背景色冲突导致显示异常时，通常是因为 -webkit-text-fill-color 属性覆盖了默认颜色值。