在学习移动终端之前，让我们学习 - 基本概念和专有名词，这些知识将帮助我们更深入地了解移动终端。
屏幕的屏幕是屏幕的对角线长度，单元为英寸。通用尺寸为：4.7英寸，5.0英寸，5.5英寸，6.1英寸等等。屏幕尺寸，这是因为最早的外国手机制造商没有使用Kuogi说英寸也是国外的一个常见长度单位。
该分辨率是指屏幕在水平和垂直方面具有的物理像素的总数。它通常由x * y表示。
注意：屏幕分辨率是固定值。生成屏幕时，它是固定的！
也称为：设备像素物理像素是一个长度单元，该单元为PX，物理像素是屏幕上的物理成像点，即屏幕上的微小发光物理组件（可以简单地理解为超级灯泡））这是屏幕上显示的最小粒径。它由屏幕制造商确定，生产屏幕后不能修改。例如，iPhone 6的物理像素为750，物理具有垂直方向的像素为1334。我们也可以使用：750*1334。
无论像素如何。它必须由红色，绿色和蓝色的三种颜色组成
也称为：逻辑像素，该设备也是PX，它是为Web开发人员创建的，用于准确测量网页上的内容。我们在编写CSS，JS，SILSE（CSS Pre -Pre -Pre -Pregiled口译员）中使用的是什么。是否所有CSS像素（可以理解为：“程序员像素”）思考：我代码中写入的1px（CSS像素），屏幕上有关几个物理像素的知识？CSS像素是否对应于1个物理像素（“照明灯泡”）？要讨论这种相应的关系，您需要学习下一个新概念：设备的独立像素。
设备独立像素，称为DP（独立于设备的像素），也称为：屏幕密度与像素无关。
这张照片是新闻发布会上的概念图。我们可以看到两个相等大小的盒子。内部的正方形表示像素。显示了更多像素，图片将更加精致
但是，相同尺寸的屏幕被压成更多像素，因此像素的大小自然会更改，并且在CSS代码中也是2x2的盒子。iPhone3的盒子比iPhone的盒子大。屏幕上的物理像素。CSS像素与设备独立像素之间的关系
像素比（DPR）：单个路设备[物理像素]和[设备独立像素]的比率。手机屏幕像素参数，单击以查看更多信息
不考虑缩放
布局视口可以理解为文档对象的逻辑大小，并且设备是逻辑像素（CSS Pixel）。PC -end布局视图端口通常为：960px?1024px.，此范围也是版本的位置心脏。浏览器制造商为移动设备设计了一个容器。首先，使用此容器安装PC的网页。该容器的宽度通常为980px。不同的设备可能有所不同，但差异是不同的，区别不大。然后将该容器的比例压缩到手机的宽度，这是一种将PC网页移植到移动终端的方法。您可以获得布局视图的大小
Visual View端口是用户可以看到的区域。它的绝对宽度始终与设备屏幕一样宽，但是此宽度中包含的CSS像素值已更改。例如，通用手机将980 CSS像素（即viewport.containers的布局）压缩到视图端口中，iPad Pro将将1024 CSS像素放在视觉端口中。移动终端获取视图端口方法：但是无法在Android2，Opera Mini和UC8中正确获取。
屏幕的宽度布局（设备的独立像素）称为理想的视图端口，因此可以说理想的视图端口是标准：让布局视口宽度和屏幕宽度的宽度（设备独立像素），依靠Metalabel实施。
理想视图端口的功能：
设置设置理想视图端口的特定方法：
闪亮的时间：观看端口变大，然后等同于较不见名的范围，但是为了占据我们的屏幕，观看端口将减少，因此内容物也会减少
缩小的时间：视图端口的布局不变，视图端口被放大。
由于移动终端设备的屏幕大小是不同的，因此会显示：相同的元素，效果在两个不同的手机上是不同的（比例不同）。要在不同的设备上制作相同的元素，显示效果是同样，无论采用哪种适应方法，中心原理始终是：等于！
REM是CSS中的长度单元，REM是根部元素的字体大小。REM适应的原则：编写时，它是根据REM统一的，并且字体大小的特定方案在不同的设备上动态调整：
例如，上图基于iPhone6。它的设备的独立像素（设计草稿宽度）为375px。我们将根元素的字体大小设置为100px（方便计算），然后有一个带有独立像素的设备下的345px盒。如果基于REM，则为345px/100px = 3.45REM。设备宽度的值ihone6plus的值和iHone6的REM值与Ihone6plus的REM值相结合，然后IHONE6PLUS的REM值（当前设备IS（当前设备）水平独立像素值x基准设备水平独立像素100px） /设计手稿宽度可以通过A JS代码传递以动态设置根字体大小
345px的盒子也应写为3.45REM，以便实现REM改编
您一定会好奇的。该方案的计算特别麻烦。设计草稿/37.5的宽度无法计算。是否有必要每次获得计算器？该方案是否需要进行计算？这是因为方案1的REM值特别大。当我们设置字体或其他样式时，它特别不便，方案二的REM值更合适，我们还可以介绍CSS Pre -precliged解释器以设置CSS变量，因此当我们编写样式时，我们在编写样式时编写样式styles.just使用设计草稿的大小和此变量来计算。以少示为例：
大众的全名视口宽度，即视觉端口宽度的大小分为100份。此单元等同于将窗口分为REM适应原理中的100个。与REM适应方案相比，优势是保存处理REM的步骤。缺点是兼容性很差，但是现在没有大问题兼容性
现在，让我们看一下如何使用大众适应：还基于iPhone6作为基准的REM改编中的示例，该设备的独立像素为375px，然后。345px的盒子转换为345 /345 /3.75 = 92VW，并且计算得出的步骤也可以交给CSS预先编写的解释器。不同的设备在水平独立像素上是不同的，并且VW值自然不同，因此可以方便地完成同等比例的比例比例。需要使用大众改编不需要JS代码，减少CSS和JS的耦合，而大众改编也是未来的趋势。