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

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

一、移动端基础核心面试题

1、viewport视口的作用及常用属性详解？

参考答案：

viewport是移动端浏览器的可视区域，核心作用是控制页面在手机端的展示缩放、适配尺寸，解决移动端页面默认缩放错乱、布局溢出的问题，是移动端适配的基础核心。

项目中最常用的标准meta标签：

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：限制用户最大放大倍数，防止页面布局错乱

minimum-scale=1.0：限制用户最小缩小倍数

user-scalable=no：禁止用户手动缩放页面，保证移动端展示一致性

补充：移动端开发必须配置该标签，否则页面会按照PC端视口渲染，出现字体过小、布局挤压等问题。

2、物理像素、逻辑像素、设备像素比（DPR）的区别？

参考答案：

物理像素：手机屏幕实际的发光像素点，是硬件最小单位，屏