视口

视口

        在我们做软件开发时，总会遇到在电脑上开发手机软件，由于两者宽度不同，于是当使用手机打开此软件时，会发现原有的界面被压缩。此时，我们如何保证在电脑上开发的软件界面能够适应，或者说能够保持我们原来想要的样子，不会因为两者宽度不一样而遭到压缩？

       首先，再开发时，我们会将电脑制作的页面放在一个虚拟容器中，电脑中这个容器的宽度是人为规定的，手机中是出场时就设置好的。然后，再将这个虚拟容器放到手机里。如果手机和电脑的宽度不一样，这个虚拟容器就会被压缩，页面上的盒子也会被压缩。这个虚拟容器就叫做视口。

      那么怎么才能避免这样的情况发生呢？

      如果不想让盒子被压缩，就设置虚拟容器的大小。如果设置成和手机的宽度一样，这样，盒子在所有的手机里都不会被压缩了。如：<meta name="viewport" content="width=414">

     结论：如果需要开发手机端页面，就需要设置视口的大小。