移动体验
移动端跨域请求预检失败？检查 Access-Control-Allow-Origin 头部配置
移动端跨域请求预检失败时，应重点检查服务器返回的 Access-Control-Allow-Origin 头部是否包含当前页面的源地址。
MOBILE EXPERIENCE
移动体验
围绕速度、布局与可访问性，优化手机端阅读体验。
移动体验
移动端导航栏列表项间距不均？检查 justify-content 属性
移动端导航栏列表项间距不均时，应检查父容器是否设置了 display: flex 和 justify-content: space-between 属性。
移动体验
移动端竖排文字圆角显示异常？检查 border-end-start-radius 属性
在竖排文字布局中，使用 border-end-start-radius 属性可以确保圆角位置随文字方向自动调整。
移动体验
移动端点击链接后出现深色背景？检查 -webkit-tap-highlight-color 属性
移动端点击链接时出现深色背景是系统默认行为，可以通过设置 -webkit-tap-highlight-color 属性将其移除。
移动体验
移动端遮罩图垂直拉伸变形？检查 -webkit-mask-repeat-y 的 round 值
当遮罩图在垂直方向上出现拉伸变形时，需要检查 -webkit-mask-repeat-y 属性的 round 值设置。
移动体验
移动端遮罩图水平拉伸变形？检查 -webkit-mask-repeat-x 的 round 值
当移动端遮罩图使用 round 值导致水平拉伸变形时，应检查元素宽度变化与图片原始尺寸的关系，确认是否因空间不足触发压缩。
移动体验
移动端跨域请求预检失败？检查 Access-Control-Allow-Headers 头部配置
移动端发起跨域请求时若遇到预检失败，通常是因为自定义请求头未被服务器允许，需在响应头中添加 Access-Control-Allow-Headers。