总结1

使用软件：像素大厨（PXCook）

下载后，需要安装。
有了这个软件，就可以量我们的设计图了。
pxcook的和四个个快捷键：
1）alt+鼠标中键 放大图片
2）空格键+鼠标左键 拖拽图片
3）小尺子 量尺寸
4）吸颜色
可以把照片上传到这个软件上面进行处理，然后进行图片的放大缩小测距以及各种实用的功能，可以使用VScode来编辑一个H5的大体框架，使用div盒子来进行放置代码，在里面用框架代码来进行整体框架的距离的一个计算和编辑

浏览器和编辑器

编辑器使用VScode，浏览器使用的是谷歌浏览器。

如果不让盒子压缩?

为了不让盒子放到手里被压缩，可以设置这个虚拟容器的宽度。

逻辑像素与物理像素

物理像素指的是手机或者电脑屏幕上的发光点，为物理分辨率，开发时不关心；
逻辑像素是指在写CSS代码时，写的像素叫做逻辑像素，电脑端一个逻辑像素等于一个物理像素。

视口

虚拟容器就叫做视口