如何获得超详细H5移动端适配教程？

本文共计4521个文字，预计阅读时间需要19分钟。

前言：随着移动互联网的发展至今，各种移动设备应运而生，但其物理分辨率的差异可以形容为五花八门。一般情况，UI设计会为我们提供375像素的设计稿，以便让H5页面在这些不同的设备上尽可能流畅地展示。

前言

移动互联网发展至今，各种移动设备应运而生，但它们的物理分辨率可以说是五花八门，一般情况UI会为我们提供375尺寸的设计稿，所以为了让H5页面能够在这些不同的设备上尽量表现的一致，前端工程师就不得不对页面进行移动端适配了。

「如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者，文章公众号首发，关注前端南玖第一时间获取最新文章～」

前置知识

在学习移动端适配前我们需要了解一些相关的前置知识。

屏幕尺寸

屏幕尺寸指的是以屏幕对角线的长度来计算的，单位是英寸。1英寸=2.54厘米

电子设备一般都用英寸来描述屏幕的物理大小，比如我们电脑常见的22、27英寸。英寸（inch，缩写为in）在荷兰语中的意思指的是大拇指，一英寸就是指普通人的拇指宽度。

像素pixel

从计算机技术的角度来解释，像素是硬件和软件所能控制的最小单位。它指显示屏的画面上表示出来的最小单位，不是图画上的最小单位。一幅图像通常包含成千上万个像素，每个像素都有自己的颜色信息，它们紧密地组合在一起。一个像素，就是一个点，或者说是一个很小的正方形。

屏幕分辨率

屏幕分辨率指一个屏幕具体由多少个像素点组成，单位是px。