Skip to content

响应式设计:练习答案 ​

断点与流式尺寸 ​

断点应来自内容第一次溢出或可读性下降的位置。rem 受根字体影响,% 受父容器影响,vw 受视口影响,ch 近似字符宽度;clamp() 在最小、偏好、最大值之间流动。答案必须记录视口、根字体和父容器,不能只写一个固定像素。

图片与交互 ​

srcset 描述候选资源,sizes 描述实际布局宽度,picture 适合艺术指导。键盘焦点不能依赖 hover;减少动态后内容和错误状态仍必须可辨认。验证应包括窄屏、放大 200%、键盘和触摸路径。

用心记录每一步成长