专业服务行业面试题 · 方案权衡 · CSS
专业服务行业相关面试题，按题目行业基础数据聚合。
共 27579 道真题 · 当前筛选命中 44 道 · 更新 2026-08-05
筛选题目已选：方案权衡 · CSS
考察点
技术栈
第 21 题讲讲如何适配不同分辨率的设备？有哪几种解决方案？ 考察前端响应式适配的思路、方案选型与取舍第 22 题请介绍水平垂直居中的常用实现方案。 考察CSS布局基础与多方案权衡能力第 23 题Flex有哪些用法？ 考察对 Flex 布局核心概念与应用场景的掌握程度第 24 题请解释响应式布局中 vh、vw 与 rem 的区别及各自适用场景。 考察对响应式布局单位的理解及其适用场景第 25 题CSS 如何实现元素的垂直居中？ 考察 CSS 布局基础与居中方案的适用场景第 26 题请比较CSS中transition与animation动画的区别，并说明各自适用场景。 考察对CSS过渡与关键帧动画机制的理解与选择第 27 题如何实现一个左右两栏布局，其中右侧固定宽度、左侧自适应？ 考察 CSS 布局中定宽与自适应组合的实现能力与方案对比第 28 题box-sizing 属性有什么作用？它如何影响元素的尺寸计算？ 考察对 box-sizing 切换计算方式的理解与应用第 29 题图片以 Base64 内嵌和 URL 外链两种方式存储有什么区别？请从体积、请求数、缓存等角度说明。 考察对图片两种存储方式的性能与工程权衡理解第 30 题如何实现一个表格组件，使得表头和第一列固定，滚动时保持可见？ 考察对表格固定行列实现原理和性能优化的理解第 31 题绝对定位元素脱离文档流是否一定会导致父容器高度塌陷？请说明原因。 考察对文档流影响和父容器高度计算机制的理解第 32 题请描述两栏布局的实现方式。 考察CSS布局基础、Flexbox和Grid等技术的应用与方案对比第 33 题请解释 CSS 中响应式布局与 Flexbox 布局的关系，并说明在实际项目中如何结合使用它们。 考察对响应式设计与 Flexbox 布局的理解及结合应用能力第 34 题怎么实现隐藏？visibility和display的区别是什么？ 考察CSS元素隐藏方式的掌握及对布局和可访问性的理解第 35 题@keyframe+animation和translate+transform过渡有什么区别? 考察CSS动画与过渡的核心机制差异及适用场景第 36 题flex:1和flex:auto的区别是什么？ 考察对flex简写属性及其分量含义的理解第 37 题页面存在固定导航栏时,如何避免锚点定位偏移导致内容被遮挡? 考虑布局偏移与视觉遮挡的问题处理能力第 38 题在实际开发中，什么场景下需要切换盒模型的计算方式？为什么这么做？ 考察对盒模型切换的工程实践意识第 39 题Flex 布局和 Grid 布局有什么区别？ 考察对 Flex 与 Grid 核心差异的理解第 40 题REM 和 EM 在网页开发中有什么区别？ 考察对 REM 与 EM 相对单位计算基准差异的理解