前端/移动开发面试题 · 技术原理 · CSS
前端/移动开发相关岗位面试题。
共 24989 道真题 · 当前筛选命中 1430 道 · 更新 2026-08-05
筛选题目已选：技术原理 · CSS
考察点
技术栈
第 901 题实现三栏布局，左右宽度固定，中间自适应，且两边高度随中间变化。 考察CSS布局方案的选择与理解，尤其是等高布局的难点第 902 题假设一个父组件宽度为1000px，设置为display:flex，三个子组件的宽度分别为100、200、300px，子组件会如何排列？ 考察Flex布局的基本排列规则与剩余空间处理第 903 题为什么需要实现 Flexbox 这种布局方式？ 考察对 Flexbox 设计动机和适用场景的理解第 904 题水平居中和垂直居中的实现有哪些？请分别考虑行内元素和块级元素的不同。 考察CSS定位与居中技巧的掌握及对不同元素类型的区分第 905 题CSS精灵图如何减少请求次数？ 考察CSS精灵图的原理及对网络请求优化的理解第 906 题请说明CSS预处理器的基本作用，以及在工程化项目中如何将其转换为最终的CSS文件。 考察对CSS预处理器核心价值与构建转换流程的理解第 907 题有了解过BFC吗？触发条件有哪些？ 考察对BFC概念及常见触发条件的掌握第 908 题输入 URL 到页面渲染的整个过程是什么？ 考察网络请求、浏览器渲染机制与整体链路理解第 909 题实现一个盒子在容器里面居中的CSS方法有哪些? 考察CSS盒模型、布局方式及居中实现原理的掌握第 910 题CSS Module是什么，如何理解，为什么要使用它？ 考察对CSS Module核心机制、解决的问题及使用场景的理解第 911 题请描述浏览器从请求网页到将内容呈现在屏幕上的渲染过程。 考察对浏览器渲染流程及关键环节的理解第 912 题请结合实际场景，谈谈你会如何处理前端在不同浏览器或设备上的兼容性问题？ 考察候选人处理前端兼容性问题的系统性方法与实践经验第 913 题请介绍前端自适应布局的常用方案，并说明各自适用场景。 考察自适应布局常用技术方案及其适用场景的理解第 914 题请介绍Flex布局中常用的容器属性和项目属性，并说明各自的用途。 考察对Flex布局核心属性的掌握与理解第 915 题如果要实现一个CSS引擎（选择器、添加样式等），是否有思路？ 考察系统设计能力与对CSS解析、选择器匹配、样式层叠原理的理解第 916 题CSS 解析会阻塞页面渲染吗？请说明原理和优化方法。 考察 CSS 阻塞渲染的机制理解及性能优化能力第 917 题浏览器从输入URL到页面渲染完成的完整过程是怎样的？ 考察对浏览器工作原理、渲染流水线和性能优化关键点的理解第 918 题CSS 如何精确选择到列表的第三个 item 考察 CSS 选择器语法与伪类选择器的使用第 919 题CSS盒模型有哪些？如何设置不同的盒模型？display: block和display: inline有什么区别？ 考察CSS盒模型基础、box-sizing设置及块级与行内元素的核心区别第 920 题请介绍 CSS 的基础知识，包括选择器、盒模型和定位方式。 考察 CSS 核心基础概念的掌握程度