编辑一个网站，就像是在一张很大的纸上面画画。而视口，就是我们能看到的地方。
如果视口大于你所编辑的页面，那么你便可以看到完整的页面。反之，你便一眼不能看到页面的全部，需要移动观看。
视口分为布局视口，视觉视口，理想视口三种。下面稍作介绍:
1.布局视口-开发者的视角 布局视口，就是开发者视角的完整页面。就是整个完整的画面。一般来说布局视口都是980px，默认开发者会在980px的画板上进行创作。开发出这个页面。
2.视觉视口-实际使用者的视角 视觉视口就是浏览器的宽和高，在pc端，页面大小可以随意改变。而在Client端，大部分手机，平板的浏览器是不支持随意改变的。所以其视觉视口就是其屏幕大小。
3.理想视口-完美的匹配关系 理想视口就是让，布局视口＝视觉视口＝设备宽度。这个由乔布斯老爷子规定的理想视口将页面开发进行了规范规定。浏览器的配置得到了统一的规定。用户习惯得到了满足。
理想视口的提出非常重要，这个概念让开发者，浏览器厂商，用户习惯形成了统一的标准。便于前端的发展。
