前端/移动开发面试题 · 方案权衡 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 332 道 · 更新 2026-08-05
筛选题目已选：方案权衡 · CSS
考察点
技术栈
第 221 题不使用JS实现点击显示悬浮窗的active状态 考察CSS伪类与状态管理实现交互的能力第 222 题vw和100%有什么区别？ 考察CSS单位vw与百分比在响应式布局中的计算原理差异第 223 题元素水平居中的实现方法 考察CSS水平居中布局的多种实现方式及适用场景第 224 题请列举并解释几种 CSS 实现水平垂直居中的方法。 考察对 CSS 布局技巧的掌握和对比能力第 225 题响应式实现的CSS方案和非CSS方案 考察响应式布局的实现方式和方案选型能力第 226 题CSS中有哪些隐藏元素的方法，这些方法有什么区别？ 考察CSS隐藏元素技术的掌握及对布局、交互、性能差异的理解第 227 题代码在各个浏览器上因 API 兼容性可能不同，你了解哪些前端兼容方案？ 考察对浏览器兼容性问题及常见解决方案的掌握程度第 228 题如何使用 CSS 实现文本溢出时显示省略号？ 考察 CSS 文本溢出处理与多行截断的掌握第 229 题@keyframe+animation和translate+transform过渡有什么区别? 考察CSS动画与过渡的核心机制差异及适用场景第 230 题除了设置不同尺寸的媒体查询断点外，CSS 媒体查询还能实现哪些功能？ 考察CSS媒体查询的扩展应用能力第 231 题block、inline、inline-block 三种显示类型的区别是什么？ 考察 CSS 盒模型与布局基础，以及三种显示模式的核心差异与应用场景第 232 题在移动端开发中，如何实现不同屏幕尺寸和机型下的布局兼容？ 考察移动端响应式布局与适配的实践能力第 233 题CSS 实现元素水平垂直居中有哪些常见方案？ 考察 CSS 布局基础与多方案对比能力第 234 题请结合你在实际项目中的使用场景，介绍一下 Flex 布局的原理和具体用法。 考察对 Flex 布局核心概念的理解以及在实际项目中的应用能力第 235 题在大型多人协作的前端项目中，如何避免或解决 CSS 样式污染问题？ 考察前端工程化能力、样式隔离方案的理解与权衡第 236 题页面上加载图片的优化方式有哪些？ 考察前端图片加载优化的核心手段与适用场景第 237 题background和img有什么区别？如果给img同时设置background和src引入图片，两者的显示效果有什么差异？ 考察对CSS背景属性与HTML图片元素特性的理解以及实际渲染差异第 238 题space-around和space-between的区别是什么？ 考察Flex布局中主轴对齐属性的理解第 239 题实现一个响应式布局：5个元素，每个高120px，宽随浏览器窗口变化，一行3个，每行两端对齐，不足3个时左对齐，盒子间间隔5px，如何实现？ 考察flex布局、换行及对齐方式的掌握程度第 240 题请解释 rem 和 vw 这两种 CSS 单位的区别，并说明各自适用的场景。 考察 CSS 单位原理、适配方案与场景权衡