共计 675 个字符，预计需要花费 2 分钟才能阅读完成。
视口（viewport） 是挪动开发中重要的概念，由苹果公司推出 iPhone 是创造，能够让手机屏幕尽可能残缺的显示整个网页。
视口就是浏览器显示页面内容的区域，在挪动端，有三种视口：布局视口、视觉视口和现实视口。
1、布局视口
布局视口指网页的宽度，个别挪动端浏览器都默认设置了布局视口的宽度。依据设施的不同，布局视口的默认宽度有可能是 768px、980px 或 1024px 等，次要是为了解决晚期的 PC 端页面在手机上显示的问题。
这样的网页在挪动端显示时会有横向滚动条，须要用户左右滑动能力查看。
2、视觉视口
视觉视口就是用户能看到的网站的区域。视觉视口的宽度等同于设施屏幕的宽度。
3、现实视口
现实视口是指对设施来讲最现实的视口尺寸。采纳现实视口的形式，能够使网页在挪动端浏览器上取得最现实的浏览和浏览的宽度。
想要现实视口，咱们须要给挪动端页面增加 meta 视口标签 。
<!-- 规范的 viewport 设置 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0,>width：视口的宽度，设置为 device-width，也就是设施屏幕宽度
initial-scale：初始缩放比，设置为 1，不缩放
maximum-scale：最大缩放比，设置为 1，不缩放
minimum-scale：最小缩放比，设置为 1，不缩放
user-scalable：用户是否能够缩放，设置为 no（或 0），不容许缩放
正文完
