css3------物理与逻辑像素

                                           **2019年9月9日总结**

【前言】今天学习了很多的知识，在这里总结一下

【内容】
移动端开发经常遇到一些概念：物理像素、逻辑像素、像素密度、像素比等，我来详细介绍下
vw和vh是css3中的新单位，是一种视窗单位，在移动端中也同样适用。
①窗口宽度固定为100vw，将窗口宽度平均分成100份，1份是1vw
②窗口高度固定为100vh ，将窗口高度平均分成100份，1份是1vh

屏幕尺寸指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米
屏幕分辨率是屏幕像素的数量，一般用屏幕宽度的像素点乘以屏幕高度的像素点，指的是设备屏幕实际拥有的像素点。

UI----物理像素
前端—逻辑像素
面试题：
移动端的设计图是几倍图？--------2倍
苹果6开发，设计师给的是2倍图，375逻辑像素，750设计师

逻辑像素/设备独立像素
也叫“设备独立像素”（Device Independent Pixel, DIP），可以理解为反映在CSS/JS代码里的像素点数。

屏幕像素密度
每英寸屏幕所拥有的像素数，英文简称PPI （pixels per inch）。
单位dpi

设备像素比（Device Pixel Ratio, DPR）：一个设备的物理像素与逻辑像素之比。

所谓“Retina”是一种显示标准，是把更多的像素点压缩至一块屏幕里，从而达到更高的分辨率并提高屏幕显示的细腻程度。简单理解为种新型高分辨率的显示标准。

                                                  手机电脑对比图

电脑

手机

【后记】如有问题请联系小编！！