屏幕尺寸、分辨率、视口笔记

1：pc端网页和移动端网页有什么区别？

pc屏幕大，网页固定版心
手机屏幕小，网页宽度都是100%

2：在电脑里边写代码边调试移动端网页效果

谷歌模拟器

屏幕尺寸

指的是屏幕对角线的长度，一般用英寸来度量

分辨率

设备像素（物理像素）

顾名思义，显示屏是由一个个物理像素点组成的，通过控制每个像素点的颜色，使屏幕显示出不同的图像，屏幕从工厂出来那天起，它上面的物理像素点就固定不变了，单位pt。

分辨率（物理分辨率）

通常我们的电脑分辨率为1920*1080等，从左到右排1920个像素点，从上到下可以排1080个像素点，也就是说显示屏上会显示多少个像素点，像素点越多，屏幕自然也就越清晰。
不同的设备的物理像素大小也是不同的。

• 物理像素指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果6\7\8 是 750* 1334
• 我们开发时候的1px 不是一定等于1个物理像素的
• PC端页面，1个px 等于1个物理像素的，但是移动端就不尽相同
• 一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比
• PC端 和 早前的手机屏幕 / 普通手机屏幕: 1CSS像素 = 1 物理像素的
• Retina（视网膜屏幕）是一种显示技术，可以将把更多的物理像素点压缩至一块屏幕里，从而达到更高的分辨率，并提高屏幕显示的细腻程度。

逻辑像素

又称设备独立像素。逻辑像素可以通过软件改变的想怎么改就怎么改。

缩放至150%后发生了什么变化？

==>相当于将原来的一个像素放大至1.5倍，因屏幕尺寸固定，所以可以容纳的像素点数变少了。则分辨率为：（1920/150%）*（1080/150%）

pc设置里可以修改的分辨率（19201080，1366768等）修改的是显示的分辨率，也是所谓的逻辑分