MOBILE EXPERIENCE
移动体验
围绕速度、布局与可访问性，优化手机端阅读体验。
移动体验
移动端网页遮罩图水平方向拉伸变形如何排查？检查 -webkit-mask-repeat-x 数值
当移动端网页遮罩图在水平方向出现拉伸或变形时，应重点检查 -webkit-mask-repeat-x 属性的设置值。
移动体验
移动端网页遮罩层模糊效果为何不生效？检查 backdrop-filter 的背景透明度
backdrop-filter 属性生效的前提是元素本身必须具备透明或半透明的背景，否则无法看到模糊效果。
移动体验
移动端英文长单词换行为何导致布局收缩？检查 word-break 属性
移动端网页中英文长单词溢出容器时，通过 word-break: break-all 属性可强制在任意字符间换行，防止布局收缩。
移动体验
移动端网页遮罩图垂直方向拉伸变形排查与 -webkit-mask-repeat-y 属性关系
当移动端网页使用遮罩图时，如果垂直方向出现拉伸变形，应优先检查 -webkit-mask-repeat-y 属性的 round 值设置。
移动体验
移动端网页嵌入第三方视频为何无法自动播放？检查 Permissions Policy
移动端网页嵌入第三方视频无法自动播放时，应检查 Permissions Policy 头部或 iframe allow 属性是否限制了 autoplay 功能。