小米集团面试题 · CSS
小米集团相关面试题，按最终去重题目聚合。
共 2227 道真题 · 当前筛选命中 17 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 1 题在不同屏幕(360px、375px、414px 等)上保持“一行三等分元素”的统一效果，怎么实现？ 考察响应式布局中三等分元素的实现与适配能力第 2 题请说明 rem 布局的核心原理、使用场景及其与传统 px 布局的差异。 考察对 rem 单位换算、根元素字体设置及响应式布局方案的理解第 3 题请介绍响应式布局的常见实现方案。 考察对响应式布局技术方案的掌握与取舍能力第 4 题请介绍 flex 布局的基本概念，并说明它的优缺点。 考察对 flex 布局的掌握和实际应用判断第 5 题三栏布局如何实现？ 考察CSS经典布局方案与各自适用场景第 6 题position: sticky 是相对谁去进行偏移的？ 考察 CSS position 定位中 sticky 的包含块与滚动上下文理解第 7 题BFC的作用、触发条件，以及可以用来解决哪些问题？ 考察对BFC概念、触发方式及其在布局问题中应用的理解第 8 题CSS 的盒子模型有哪些组成？如何通过属性设置其各个部分？ 考察 CSS 盒子模型的组成及常用设置属性第 9 题CSS 实现三角形都有哪些方法？ 考察 CSS 基础、边框模型和进阶绘图技巧的掌握第 10 题请解释 rem 布局的原理，并说明如何实现移动端适配。 考察对 rem 布局原理及移动端适配方法的理解第 11 题请解释CSS盒模型的概念，并说明标准盒模型与IE盒模型的区别。 考察对CSS盒模型的基本理解及兼容性知识第 12 题请介绍 CSS 的基础知识，包括选择器、盒模型和定位方式。 考察 CSS 核心基础概念的掌握程度第 13 题你如何理解百分比布局，并说明它在实际项目中的适用场景？ 考察对百分比布局原理及应用的深入理解第 14 题前端开发中 rem 单位是如何设置和使用的？请说明其与 px、em 的区别及适用场景。 考察对 rem 单位原理、设置方式及应用场景的理解第 15 题请解释 CSS Flexbox 中 flex:1 的含义及实际效果。 考察对 Flexbox 主轴尺寸分配与简写属性的理解第 16 题请说明你了解过哪些前端布局方式，并比较它们的主要特点。 考察对前端常见布局方式的掌握与比较能力第 17 题行内块元素中间间隙怎么去掉？ 考察对行内块布局间隙成因的理解及去除方案