是一个特定于移动设备的Meta值，用于定义视口的各种行为。布局视口（layoutviewport）视口的分辨率接近于PC显示器的视觉视口宽度与视觉视口相同，用户无需缩放和拖动网页即可很好地浏览网页。perfectviewport也是通过viewportmeta的一定设置来实现参数设置的：width控制Viewport的宽度，可以指定一个值或者设备的宽度，比如device-width就是设备的宽度（单位是设备缩放比例1:1像素），这里设置的宽度等于设备宽度；initial-scale初始缩放，即页面的初始缩放级别。对应的值是一个浮点值，这里是一个乘积关系，页面渲染大小等于设置的宽度乘以initial-scale的值；maximum-scale最大缩放，即允许用户缩放的最大比例，也是一个乘积关系。通常，1:1的比例不允许用户缩放；minimum-scale最小缩放，同上；user-scalable用户是否可以手动缩放，一般值设置为no，不允许用户缩放；让视口的宽度为设备的宽度，布局完成后，视口中的布局在屏幕上显示时不会缩放，即显示即布局。这样我们在制作网页的时候只需要直接针对手机的屏幕尺寸进行设计：
