随着技术的进步，很小的屏幕能容纳很高的物理像素，比如1920*1080以前只能应用于大的显示器，现在可能被容纳于一个小的移动端设备中。利用viewport。
1. 手机端的问题
如果不加viewport，传统的html 在移动端会缩小，用户能缩放等问题，因为布局窗口和视图窗口不一致，
所以利用viewport 让布局窗口和视图窗口一直，用户不能缩放。
2. 之后的问题
1. 为什么设计稿是750
http://www.softwhy.com/article-8365-1.html
750 实际上 是 手机的设备像素（就是分辨率）
实际上我们看到的手机内容都是 设备像素
设备独立像素：因为分辨率不同，如果以分辨率作为尺寸，那么在高清屏幕上显示 尺寸会是本来的一半；
css 像素：如果在不缩放的情况下，css 像素和设备独立像素的大小是一致得；
dpr：devicePixelRatio 设备像素比 设备像素/设备独立像素
2. 1px 的问题的产生 ：
虽然在css 上我们写的是1px，但是在高清屏上，dpr2 是 2 ，那么设备像素就是2，但是设计师说的1px 是 ，设备像素是1px ，所以看起来胖了，
3. 按理来说：分辨率越高，显示的越小（在pc 可以调整分辨率试一下），但是为什么在移动端却变宽了？
因为：pc 的足够大，dpr 是1，移动端的高清屏的dpr 都大于2了，ihonex 的dpr 都变为3了
在开发者工具可以将dpr 给显示出来
4. 图片变模糊的问题 ，有时候我们会发现，当我们在适某一机型的时候，显示上没什么问题。但是一旦我换到另外一部手机，发现出现了模糊的情况，尤其以图片更为显著，这只是表象，究其原因是 设备像素比，