移动前端高频面试题及详细答案（实战版）.docxVIP

移动前端高频面试题及详细答案（实战版）

一、移动端基础核心题

1、移动端viewport是什么？常用meta标签如何配置？各参数含义是什么？

参考答案：

viewport是浏览器用来渲染网页的可视区域，移动端设备物理屏幕尺寸小，但浏览器默认虚拟视口很大，会导致页面整体缩小、字体模糊、布局错乱，所以必须手动配置viewport适配移动端。

移动端标准通用配置：

PlainText

metaname=viewportcontent=width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no

参数详解：

width=device-width：让虚拟视口宽度等于设备屏幕物理宽度，是移动端适配的核心配置。

initial-scale=1.0：页面初始加载缩放比例为1，无放大缩小，保证页面正常展示。

maximum-scale=1.0：限制用户最大缩放比例为1，禁止放大页面。

minimum-scale=1.0：限制用户最小缩放比例为1，禁止缩小页面。

user-scalable=no：禁止用户手动双指缩放页面，适配大多数移动端业务场景。

2、物理像素、设备独立像素、像素比（DPR）的区别？工作中如何应用？

参考答案：

物理像素：设备屏幕出厂的真