布局优化试卷及答案.docxVIP

布局优化试卷及答案

考试时间：______分钟总分：______分姓名：______

1.下列关于Flexbox布局的说法，正确的是（）

A.`flex-direction:column`时，`justify-content`控制主轴方向的对齐（默认为水平轴）

B.`flex-wrap:nowrap`会导致子元素超出容器时自动压缩

C.`align-items`用于交叉轴对齐，其优先级高于`align-content`

D.`flex:1`等价于`flex-grow:1;flex-shrink:1;flex-basis:0%`

2.响应式设计中，下列单位最适合适配不同屏幕尺寸的是（）

A.`px`B.`rem`C.`vw`D.`em`

3.Grid布局中，定义列宽为`1fr2fr1fr`，表示共有______列，第二列宽度为第一列的______倍。

4.解决“三栏布局（左右固定，中间自适应）”问题，除了Flexbox，还可使用______布局（传统方法）或______布局（现代方法）。

5.简述Flexbox布局与Grid布局的核心区别，并分别说明适用场景。

6.布局性能优化中，“减少重排（回流）”是关键，请列举3种可能触发重排的CS