途牛前端面试题及详细答案（实战版）.docx

途牛前端面试题及详细答案（实战版）

一、HTML/CSS基础（途牛移动端场景高频）

1.移动端适配中viewport是核心，它的关键属性和适配逻辑是什么？

答案：viewport本质是让移动端浏览器正确渲染页面的“可视区域”配置。核心属性有三个：width=device-width（让视口宽度等于设备物理宽度）、initial-scale=1.0（初始缩放比例1:1）、user-scalable=no（禁止用户缩放，避免布局错乱），还有可选的maximum-scale=1.0（限制最大缩放）。

适配逻辑：移动端默认视口是980px（PC端宽度），不加viewport会导