前端/移动开发面试题 · 编码实现 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 217 道 · 更新 2026-08-05
筛选题目已选：编码实现 · CSS
考察点
技术栈
第 61 题如何实现一个 input 框，使其宽度根据输入内容自动变宽？ 考察对前端文本尺寸测量与 DOM 同步机制的理解第 62 题图片在 CSS 中常用的属性有哪些？请举例说明其用途。 考察对图片样式控制属性的掌握程度第 63 题px转rem的原理是什么？如何实现设计稿1比1还原？ 考察rem适配原理与实际换算能力第 64 题水平垂直居中：给定一个可能不定宽、不定高的 div，实现它在屏幕上水平垂直居中有哪几种方式？ 考察 CSS 布局基础与对常见居中方案及其适用边界的掌握第 65 题如何实现一个左右两栏布局，其中右侧固定宽度、左侧自适应？ 考察 CSS 布局中定宽与自适应组合的实现能力与方案对比第 66 题怎么对图片进行旋转45度？ 考察CSS transform属性及rotate函数的使用第 67 题如何实现子元素在父元素中的水平竖直居中，使用 Flex 布局实现？ 考察 Flex 布局的核心对齐属性及居中实现第 68 题如何实现一个元素，其直径始终为页面宽度的 1/10，并且始终保持在页面正中间？ 考察 CSS 响应式尺寸与定位的实现能力第 69 题宽高不定的div如何定位在屏幕中间，宽高为0能用Flex实现吗 考察CSS居中布局、Flexbox特性的理解及边界情况处理第 70 题怎么用JS操作使一个元素垂直居中？ 考察前端布局实现能力、JavaScript操作DOM与CSS结合的理解第 71 题请实现一个上中下布局，其中中间区域高度自适应，上下区域高度固定。 考察CSS布局中固定头部底部与自适应中间内容的实现能力第 72 题请解释骨架屏（Skeleton Screen）的实现原理，并说明常见的实现方式。 考察对前端加载体验优化机制的理解与实现能力第 73 题请解释圣杯布局的实现方式。 考察对经典三栏布局原理和实现细节的理解第 74 题面试官通过共享屏幕让你打开奇安信官网，用浏览器开发者工具修改页面元素的颜色。你会如何操作并解释原理？ 考察前端调试工具使用与页面元素样式修改原理第 75 题如何实现一个跟随手指滑动的组件，比如轮播图？ 考察前端手势交互、动画与状态管理的基本实现能力第 76 题如何实现两边固定、中间自适应的经典三栏布局？ 考察经典CSS布局的掌握程度与实现方案对比第 77 题如何实现单行文本和多行文本溢出隐藏 考察CSS文本溢出处理的基础知识与多行兼容边界第 78 题如何使用 CSS animation 属性实现静态 loading 图片（如 loading.gif 的状态）的动态切换效果？ 考察 CSS 动画属性及图片切换的实践能力第 79 题CSS 如何设置一个正方形？ 考察 CSS 基础盒模型与响应式宽高设置能力第 80 题请说明实现三栏布局（圣杯布局）有哪些常见方式，并比较它们的优缺点。 考察CSS布局知识广度、实现细节及方案权衡能力