视口是什么

视口：即将pc端网站放到移动端所需要的虚拟容器。

如何将pc端的网站放入手机端：

1、首先将pc端的网站包装在一个虚拟容器当中，这个虚拟容器的默认值为980px。

如果网站的宽度大于该虚拟器的宽度，则会产生水平滚动条。

2、将该虚拟容器放入手机，但是由于手机宽度固定切通常小于980px，故该虚拟容器

被压缩。

   需知虚拟器的宽度是指的逻辑像素，而物理像素即电脑or手机的发光点，也叫物理分辨率

，在电脑端1逻辑像素=1物理像素。而手机宽度是指设备独立像素，该像素可以等于多个

物理像素。比如iPhone6分辨率1334*750 而它的独立像素375*667 1独立像素=4发光点。

   那么如何使得该虚拟容器不被压缩呐？那就是将该虚拟容器的大小设置的与手机宽度

一样，这样就可以将其完整的放入手机中。