响应式

响应式不再是面向公众站点专属的话题：业务型应用如今会在会议中通过平板查阅、在客户处移动办公时使用，或在尺寸不寻常的外部显示器上展示。中间断点上的视觉回归，典型如 iPad 上的 820px 或小型笔记本的 1024px，可能让您应用的一部分变得不可用，而本地无人察觉，因为开发人员通常只在单一尺寸下工作。经典场景：断点从 768px 改为 480px，挤压了平板上的列结构；hamburger 菜单被替换为桌面菜单后越出屏幕；或移动端 font-size 一直应用到 1024px，使便携屏幕上所有文字显得过小。Container queries 增加了一个新的复杂度维度，因为它们依赖于父元素的上下文而非全局 viewport，使回归更加难以预测。目前 Delta-QA 在单一、确定的桌面视口下捕获并比较每个页面，这已经能够捕捉绝大多数视觉回归。由团队定义的多视口捕获即将推出，它将建立多格式的视觉 baseline，并突显堆叠错误的列、溢出的元素、过度收缩的文本、错位的组件，以及在每个断点上新出现的水平滚动条。它将让 QA 团队覆盖所有断点，而无需在每次发布时手动调整每台屏幕上的浏览器尺寸。