2026 Web前端高频面试题（知乎风格+超详细真实面试答案）.docxVIP

2026Web前端高频面试题（知乎风格+超详细真实面试答案）

整理了近期大厂、中小厂前端面试高频真题，没有空洞套话，全部是面试现场可直接口述的答案，贴合实际开发场景，覆盖基础、核心原理、工程化、框架、网络跨域等必考知识点，适合刷题复盘、面试突击。

一、CSS核心面试题

1、px、em、rem、vw、vh有什么区别？实际项目怎么选？

参考答案：

这五个都是前端常用尺寸单位，核心差异是参考基准不同，适配场景完全不一样：

1.px：绝对像素单位，尺寸固定，不会随页面、设备缩放变化，适合固定尺寸的按钮、边框、图标，是PC端常用单位。

2.em：相对单位，默认相对于当前元素父级字体大小，嵌套层级多的时候会出现尺寸叠加错乱，现在项目基本很少用。

3.rem：相对单位，只相对于html根节点字体大小，层级不会错乱，是移动端适配主流单位，通过动态修改根字体大小，就能实现整站等比适配。

4.vw/vh：视口单位，1vw等于屏幕可视宽度的1%，1vh等于屏幕可视高度的1%，无需依赖根字体配置，适配更简单，适合移动端全屏布局、自适应模块。

项目实战选择：PC端优先px；移动端主流vw适配，老项目多采用rem适配；完全摒弃em，避免布局错乱。

2、CSS盒模型是什么？标准盒模型和怪异盒模型的区别？

参考答案：

CSS盒模型是页面元素布局的核心规则，所有HTML元素都可以看作一个盒子，由内