在移动端中，默认是 Layout Viewport ，为了得到 Ideal Viewport ，开发者可以通过 <meta> 标签的 viewport 属性来控制网页的视口行为，特别是在移动设备上。

常见的 meta viewport 属性及其含义：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

• width
  指定布局视口的宽度，可以设置为一个具体的数值（如 width=1024）或 device-width，表示与设备屏幕宽度一致。

  • width=device-width：将视口宽度设置为设备的实际宽度，这是移动设备上响应式设计的常用设置。

• initial-scale
  设置页面的初始缩放比例，1.0 表示以 100% 的缩放比例显示页面内容。

  • initial-scale=1.0：页面以 1:1 的比例显示，即不缩放。

• maximum-scale
  设置用户可缩放到的最大比例。

  • maximum-scale=2.0：用户可以将页面缩放到最多 2 倍的大小。

• minimum-scale
  设置用户可缩放到的最小比例。

  • minimum-scale=0.5：用户可以将页面缩放到最多一半大小。

• user-scalable
  决定用户是否可以手动缩放页面。

  • user-scalable=no：禁止用户手动缩放页面。
  • user-scalable=yes：允许用户手动缩放页面。