布局与响应式

围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。

纵横比约束内容的宽高比例，保证媒体和容器在不同尺寸下稳定缩放。

允许内容突破父容器内边距或列宽，形成全宽或出血式布局。

定义响应式布局在容器或视口变化时切换结构和密度的阈值。

描述块级内容沿阅读方向自动排列、换行和形成间距的布局基础。

描述行内内容的排列、对齐、换行和内联间距。

定义元素在层叠上下文中的层级、遮挡与定位关系。

为刘海、圆角屏幕、系统手势区和窗口边缘提供安全内边距。

定义可滚动区域的边界、滚动条、滚动阴影和键盘/触控行为。

调整面板、列、窗口或媒体尺寸的拖拽手柄。

表达可滚动区域位置和可操作范围的滚动条。

允许用户拖拽调整面板、列或区域尺寸的复合容器。

把相邻区域分成可拖拽调整大小的面板。

左侧集合/列表与右侧详情/编辑区联动的工作台布局。

一个不绑定真实网站的 Web 界面知识框架，用页面、区块、组件、模式和原则描述 Web 设计对象之间的关系。