视口（viewport）是移动开发中的一个重要概念。苹果公司推出的iPhone是一项可以让手机屏幕尽可能完整地显示整个网页的发明。视口是浏览器显示页面内容的区域。在移动端，有三种视口：布局视口、视觉视口和理想视口。1.布局视口布局视口是指网页的宽度。通常，移动浏览器默认设置布局视口的宽度。根据设备的不同，布局视口的默认宽度可能是768px、980px或1024px等，主要解决早期PC端页面在手机端显示的问题。这样的网页在移动端显示时会有水平滚动条，需要用户左右滑动才能查看。2、视觉视口视觉视口是用户可以看到的网站区域。视觉视口的宽度等于设备屏幕的宽度。3.理想视口理想视口是指设备最理想的视口尺寸。使用理想视口方式可以使网页在手机浏览器上获得最理想的浏览阅读宽度。对于理想的视口，我们需要向移动页面添加元视口标签。
