前端/移动开发面试题 · 方案权衡 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 332 道 · 更新 2026-08-05
筛选题目已选：方案权衡 · CSS
考察点
技术栈
第 301 题在开发Web端和H5移动端页面时，如果两端屏幕宽度不同，通常会使用哪些CSS单位来定义宽度以支持自适应？ 考察响应式布局中CSS单位的选择及适配原理第 302 题如何隐藏一个元素？ 考察前端基础能力，涉及不同隐藏方式的对比与适用场景第 303 题在CSS中，有哪些技术手段可以实现元素的隐藏？ 考查对CSS隐藏元素多种方式及其特性差异的掌握程度。第 304 题在HTML中，li元素之间出现的不可见空白间隙是由什么原因造成的？请给出至少两种有效的解决方案，并解释其原理。 考查对行内块元素空白间隙产生机制的理解及解决方案的掌握。第 305 题请解释你对 CSS Sprites 的理解。 考查候选人对前端性能优化中图片合并技术的理解，包括原理、优势、实现方式及局限。第 306 题请解释 Sass 和 Less 这两种 CSS 预处理器，并阐述采用它们的理由。 考察候选人对 CSS 预处理器基本概念及工程化价值的理解。第 307 题请解释一下你对CSS媒体查询机制的理解。 考察对CSS响应式设计核心机制的理解和实际应用能力。第 308 题请谈谈你对 CSS 工程化的认识，包括它要解决的核心问题以及常见的实践手段。 考查对 CSS 工程化本质的理解，以及在实际项目中应用相关工具和规范的能力。第 309 题请解释 CSS 中 px、em 和 rem 这三种长度单位的区别，并分别说明它们各自适用的使用场景。 考查对 CSS 绝对单位与相对单位核心机制的理解，以及在实际布局中如何根据需求选择合适的单位。第 310 题请描述实现网页两栏布局的常见方法及各自适用场景。 考查对CSS布局技术的掌握，包括传统方法和现代Flexbox、Grid的应用。第 311 题请说明实现网页三栏布局的常见技术方案，并比较它们的优缺点。 考查候选人对常见三栏布局（左右固定中间自适应）的掌握程度，以及不同技术方案的优缺点比较。第 312 题在拿到设计稿后，你会采用哪些具体方案来实现移动端页面的适配？请说明不同方案的适用场景与取舍。 考查候选人对移动端适配方案的理解深度及实际选型能力。第 313 题请解释什么是 BFC，并说明可以通过哪些方式创建 BFC？ 考查对 CSS 格式化上下文概念的理解及创建方法的掌握程度。第 314 题请解释 CSS 中的 margin 重叠现象，即相邻元素的垂直外边距合并问题，并阐述其发生的条件和有效的解决手段。 考查对 CSS 盒模型外边距合并这一经典布局特性的理解，以及在实际开发中规避该问题的能力。第 315 题在不使用图片的前提下，有哪些纯 CSS 方案可以绘制一个扇形？请分别说明各方案的实现原理、适用场景以及各自的优缺点。 考查对 CSS 几何图形绘制技巧的掌握程度，以及根据场景选择合适方案的能力。第 316 题请描述一种使用 CSS 让元素保持宽高比为 1:1 的自适应正方形的方法，并解释其原理。 考查面试者对 CSS 实现自适应宽高比布局的掌握程度。第 317 题在网页中实现一条宽度为 0.5 像素的线，有哪些可行的方法？请说出至少两种，并说明各自的实现原理。 考查候选人对 CSS 像素、设备像素比和高清屏适配的掌握，以及解决实际问题的方案设计能力。第 318 题在网页设计中，如果需要将字体大小设置到 12px 以下，通常会遇到什么问题？有哪些可行的实现方法？请说明其原理、适用场景及潜在限制。 考查候选人是否了解浏览器最小字体限制的成因及常见绕过手段。第 319 题请说明移动端 Web 开发中常见的 1px 问题是什么，并给出至少两种解决方案，简述各自原理和适用场景。 考查对移动端设备像素比与 CSS 像素关系的理解，以及常见 1px 问题的处理方案。第 320 题在 CSS 规范中，为什么一直没有提供父选择器？请从浏览器渲染机制、选择器匹配方向和性能影响这几个角度说明原因。 考查对 CSS 选择器引擎工作方式、性能约束与设计取舍的深入理解。