页面出现滚动条、裁切或空白时的排查顺序



CSS 溢出属性值的选择💪取决于内容的阅🔮读价值和交互方式,不能简单认为隐藏内容就是更整洁的写法。



移动端页面出现底部横向滚动条时,不应第一时间给 body 设置隐藏。全局裁切可能掩盖真正的宽度错误,还可能让键盘用户和辅助技术无法访问被移出视口的内容。



五种属性值分别适合什么场景



弹窗正文可以使用“最大高度加自动滚动”的组合,例如将最大高度限制在视口高度的一定比☀️例内,并设置属性值为 auto。移动端还应预留上下内边距,避免最后一段文字紧贴底部按钮。



举报/反馈