前端/移动开发面试题 · 方案权衡 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 332 道 · 更新 2026-08-05
筛选题目已选：方案权衡 · CSS
考察点
技术栈
第 21 题请说明弹性盒（Flexbox）布局的基本原理，并介绍圣杯布局与双飞翼布局的实现思路。 考察对CSS布局模型的理解、传统布局方案对比及实现细节第 22 题怎么实现自适应布局？ 考察对前端响应式与自适应布局原理和实现方式的理解第 23 题请解释CSS中实现元素居中对齐的常见方法及适用场景。 考察CSS布局基础与不同居中方式的应用判断第 24 题CSS手写0.5px的线的实现方案 考察CSS像素精度、设备像素比与常见实现手段第 25 题不定宽高的 div 元素如何实现水平垂直居中？ 考察 CSS 布局方法与浏览器兼容性意识第 26 题CSS 中如何隐藏元素？它们之间有什么区别？ 考察常见 CSS 隐藏方法及其对布局、可访问性和性能的影响第 27 题组件库切换主题该怎么做？ 考察前端主题系统设计能力，包括变量组织、切换机制和性能优化第 28 题为什么要对iframe的内容进行缩放？ 考察对iframe嵌入内容缩放原因的理解及应对方案第 29 题CSS 中实现垂直居中都有哪些方法？ 考察 CSS 基础布局能力、方案记忆完整性和适用场景权衡第 30 题如果某个CSS属性浏览器不支持，你会如何优雅降级或提供替代方案？ 考察CSS兼容性处理、渐进增强与优雅降级的实践能力第 31 题请列举几种在 CSS 中隐藏元素的方法，并说明它们之间的区别。 考察 CSS 隐藏元素方法的掌握程度及其对布局、可访问性和交互的影响第 32 题请比较 CSS Flexbox 和 Grid 的适用场景与核心区别。 考察对两种现代布局系统的理解及选型判断第 33 题请实现一个两栏布局：左侧固定 200px，右侧自适应剩余宽度。 考察 CSS 布局能力、浏览器兼容性与响应式理解第 34 题请解释双飞翼布局的基本原理，并说明它与圣杯布局的区别。 考察对经典 CSS 布局方案原理的理解和对比分析第 35 题请解释 Chrome 默认使用的盒模型（Box Model）及其与标准盒模型、怪异盒模型的关系。 考察对 CSS 盒模型工作原理及差异的理解第 36 题响应式布局有哪些方式 考察响应式布局的常见实现方式与适用场景第 37 题请介绍两栏和三栏自适应布局的常见实现方式。 考察前端布局方案的理解与边界处理能力第 38 题实现垂直居中的方式有哪些 考察 CSS 布局基础与多种实现方案的掌握程度第 39 题在页面上展示出一个圆形的方法有哪些？ 考察 CSS 实现圆形图形的多种技术方案与适用场景第 40 题介绍一下 vw 与 em、rem 的作用。 考察对 CSS 相对单位、视口单位和字体单位尺寸机制的理解