前端/移动开发面试题 · 问题拆解 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 133 道 · 更新 2026-08-05
筛选题目已选：问题拆解 · CSS
考察点
技术栈
第 21 题CSS 中 :target 伪类的常见选择场景有哪些？ 考察对 :target 伪类正确用法与适用场景的理解第 22 题给你一个固定宽度为500px的div，怎么让这个div的宽度和高度一直保持一致？也就是当改变高度时，让它的宽度也相应改变。（padding-bottom:100%;） 考察CSS比例盒模型、百分比padding的基准和响应式自适应的理解第 23 题了解过标准盒模型和怪异盒模型吗？它们两有什么区别？ 考察对CSS盒模型两种模式的原理理解和区分能力第 24 题请列举并说明几种实现CSS垂直居中的方法，并讨论其适用场景。 考察CSS布局基本功与不同垂直居中方案的适用性分析第 25 题请现场编写一个汇率兑换功能的网页页面，并实现核心逻辑，要求尽量完整。 考察前端编码实操能力、页面实现完整度和逻辑清晰度第 26 题如果页面宽度或高度变化，基于 offsetTop 和 scrollTop 的传统懒加载实现该如何动态适配？请说明你的思路。 考察对懒加载实现原理、布局变化影响及事件监听机制的理解第 27 题请描述并实现一个延时 hover 的滑动门效果（鼠标移入后先延时再展开，移出后收起），并说明其实现思路。 考察 hover 交互的延时控制、动画实现与代码组织能力第 28 题CSS选择器,选择div下的第二个p该怎么做 考察CSS选择器基础知识及高级选择器用法第 29 题请解释 CSS 中 position 属性的作用，并说明 static、relative、absolute 和 fixed 定位的区别及典型使用场景。 考察对 CSS 定位机制的掌握程度及实际应用能力第 30 题共享屏幕把cart标题改成仅显示两行,超出部分做长度限制,并说一下实现思路 考察前端内容截断、文本溢出处理与实现思路表达能力第 31 题页面从输入URL到渲染到页面发生了什么？ 考察对浏览器网络请求、解析渲染全流程的掌握程度第 32 题请描述从输入 URL 到页面渲染完成的完整过程。 考察浏览器网络请求、解析与渲染的整体流程理解第 33 题请介绍Flex 布局 考察对Flexbox布局模型核心概念和常用属性的理解第 34 题场景题：如果有一个 div，不论页面如何伸缩，如何使它的宽高始终呈现 1:2 的比例？ 考察使用 CSS 实现响应式固定比例元素的能力第 35 题实现元素垂直居中都有哪些常用方法？ 考察CSS布局基础与不同场景下的方案选择第 36 题如何实现一个 input 框，使其宽度根据输入内容自动变宽？ 考察对前端文本尺寸测量与 DOM 同步机制的理解第 37 题讲讲如何适配不同分辨率的设备？有哪几种解决方案？ 考察前端响应式适配的思路、方案选型与取舍第 38 题除了调整窗口大小、缩放页面或打开开发者工具外，还有哪些操作会导致浏览器窗口的宽高变化？ 考察对浏览器布局和视口变化触发机制的理解第 39 题请解释前端开发中 UI 锚点（anchor point）的概念，并说明它在常见布局或交互场景中的应用。 考察对 UI 布局定位原理的理解及实际应用能力第 40 题如何实现一个元素，其直径始终为页面宽度的 1/10，并且始终保持在页面正中间？ 考察 CSS 响应式尺寸与定位的实现能力