前端/移动开发面试题 · 技术原理 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1430 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 121 题为什么要对iframe的内容进行缩放？ 考察对iframe嵌入内容缩放原因的理解及应对方案第 122 题请说明浏览器中重排与重绘的区别，并举例说明哪些操作会触发重排或重绘。 考察浏览器渲染机制的理解，以及区分重排与重绘的能力第 123 题CSS Modules 在工程中是如何实现的？ 考察对 CSS Modules 作用域隔离原理及构建流程的理解第 124 题请解释 CSS 盒模型中的 border-box 和 content-box 的区别。 考察对 CSS 盒模型及其尺寸计算规则的理解第 125 题请说明 CSS 盒模型中 margin 和 padding 的区别，以及它们对元素尺寸的影响。 考察对 CSS 盒模型内外边距作用与影响范围的理解第 126 题CSS 中如何计算选择器的权重（优先级）？请举例说明。 考察 CSS 选择器优先级规则及常见选择器的权重计算第 127 题CSS 悬停按钮放大 1.5 倍应该怎么实现？ 考察 CSS transform 和过渡动画的基础应用第 128 题CSS 中实现垂直居中都有哪些方法？ 考察 CSS 基础布局能力、方案记忆完整性和适用场景权衡第 129 题如果某个CSS属性浏览器不支持，你会如何优雅降级或提供替代方案？ 考察CSS兼容性处理、渐进增强与优雅降级的实践能力第 130 题请说明响应式布局的核心思路，并介绍常用实现方式及其适用场景。 考察CSS响应式布局的理解与应用能力第 131 题请列举几种在 CSS 中隐藏元素的方法，并说明它们之间的区别。 考察 CSS 隐藏元素方法的掌握程度及其对布局、可访问性和交互的影响第 132 题CSS 渲染过程中有哪些优化方法？ 考察浏览器渲染流程的理解及CSS性能优化实践第 133 题请比较 CSS Flexbox 和 Grid 的适用场景与核心区别。 考察对两种现代布局系统的理解及选型判断第 134 题请介绍你知道的 Flex 布局相关知识与用法。 考察对 CSS Flexbox 布局核心概念和常见属性的掌握第 135 题请实现一个两栏布局：左侧固定 200px，右侧自适应剩余宽度。 考察 CSS 布局能力、浏览器兼容性与响应式理解第 136 题请解释双飞翼布局的基本原理，并说明它与圣杯布局的区别。 考察对经典 CSS 布局方案原理的理解和对比分析第 137 题请说明浏览器解析CSS的完整流程。 考察对浏览器CSS解析机制与渲染流水线的理解第 138 题前端开发中如何去做一个页面的自适应布局? 考察前端响应式布局的实现方式与适配策略第 139 题请解释 Chrome 默认使用的盒模型（Box Model）及其与标准盒模型、怪异盒模型的关系。 考察对 CSS 盒模型工作原理及差异的理解第 140 题使用<script>标签的src属性引用JS文件，或使用<link>标签引用CSS文件时，浏览器会执行哪些操作？ 考察对浏览器加载和执行外部资源的理解