视口

71 阅读1分钟

在 PC 端,视口指的是浏览器的可视区域,其宽度和浏览器窗口的宽度保持一致。 视口里涉及两种不同的像素:物理像素和逻辑像素。任何设备的物理像素数量都是固定的 iOS, Android 基本都将视口分辨率设置为 980px,所以 PC 上的网页基本能在手机上呈现,只不过元素看上去很小,一般默认可以通过手动缩放网页。所以如果把一个pc端的网站放在手机端整体会被缩小,所以就是我们每次写手机端的页面时候必须设置视口大小,先把pc端网页放到虚拟容器里,再去设置虚拟容器的大小,设置成和手机宽度相同,再放在手机端