移动端三种视口：布局视口、视觉视口、理想视口

移动端有以下三种视口：

1. 布局视口（layout viewport）：它表示网页的布局尺寸，通常是设备屏幕的宽度。在移动端，布局视口的尺寸可以通过meta标签的'viewport'属性进行设置，以适应不同设备的屏幕尺寸。

2. 视觉视口（visual viewport）：它表示用户当前可见的网页区域。用户可以通过手势缩放来改变视觉视口的大小，以便更好地查看网页内容。

3. 理想视口（ideal viewport）：它是一个理想的视口尺寸，可以让网页在移动设备上以最佳的方式呈现。理想视口的大小取决于设备的屏幕尺寸和像素密度，可以通过meta标签的'viewport'属性进行设置。