前端/移动开发面试题 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1484 道 · 更新 2026-08-05
筛选题目已选：CSS
考察点
技术栈
第 181 题除了CSS Modules，前端样式隔离还有哪些常见方法？ 考察前端样式隔离方案的广度与适用场景理解第 182 题请谈谈你会如何优化大型项目中的 CSS 代码，以提升可维护性和性能？ 考察 CSS 代码的组织、复用、性能优化及工程化实践第 183 题请列举并解释浏览器中减少重排（reflow）和重绘（repaint）的常见优化方法。 考察对浏览器渲染机制的理解以及前端性能优化的实践能力第 184 题CSS怎么实现动画 考察CSS动画的基础实现方式与适用场景第 185 题如何实现响应式布局？ 考察前端响应式布局的常用实现方式与选型意识第 186 题CSS盒子模型是什么？ 考察CSS盒模型基础概念与理解第 187 题请解释CSS盒子模型的构成，以及标准盒子模型和IE盒子模型的区别。 考察CSS基础概念的理解与对比第 188 题请说明 CSS 中元素选择器的基本语法、作用及与类选择器的区别。 考察对 CSS 基础选择器概念的理解和表达能力第 189 题Loader和Plugin在Webpack中的作用有何不同?举例说明常见应用场景。 考察对Webpack核心机制Loader与Plugin职责划分及典型应用的理解第 190 题CSS 中 :target 伪类的常见选择场景有哪些？ 考察对 :target 伪类正确用法与适用场景的理解第 191 题flex: 1 是什么意思？ 考察对 flex 简写属性、flex-grow/flex-shrink/flex-basis 及默认值的理解第 192 题请介绍响应式布局的常见实现方案。 考察对响应式布局技术方案的掌握与取舍能力第 193 题给你一个固定宽度为500px的div，怎么让这个div的宽度和高度一直保持一致？也就是当改变高度时，让它的宽度也相应改变。（padding-bottom:100%;） 考察CSS比例盒模型、百分比padding的基准和响应式自适应的理解第 194 题如果将元素的 transform 属性中的 translateZ 设置为非零值，会有什么效果？ 考察对 CSS 3D 变换和层合成机制的理解第 195 题请介绍 flex 布局中常用的属性、它们的作用及可选值。 考察对 flex 布局核心属性的掌握程度第 196 题请说明 BFC（块级格式化上下文）的作用、触发条件以及典型使用场景。 考察对 CSS 布局基础概念 BFC 的理解深度和实际应用能力第 197 题flex 与 grid 的区别与适用场景是什么？ 考察对两种 CSS 布局模型特性的理解与选型能力第 198 题CSS中rem参考的是谁？ 考察rem单位参考基准与理解第 199 题怎么实现类似微信一样上下固定中间滚动的布局，说出具体的标签、属性？ 考察移动端或Web端固定区域加滚动区域的布局实现能力第 200 题当右侧内容超出容器高度时，应该如何让布局保持良好表现？ 考察对溢出内容处理与滚动机制的掌握