视口标签让网页在理想视口下预览
问题：
相同的内容，当窗口变窄，只是尽可能缩小网站来让用户看到网站的全貌。这对易读性来说不是件好事,在移动端上如何显示PC端的网页？
布局视口
在移动端上，视口与移动浏览器屏幕宽度不再相关联，而是完全独立的，我们称它为布局视口
视觉视口
虽然独立布局视口的创造很大程度上帮助了桌面网站到手机的转移，但是我们不能完全无视移动端设备的屏幕尺寸
视觉视口是用户正在看的网站区域。用户可以通过缩放来操作视觉视口，同时不会影响布局视口，布局视口仍然保持原来的宽度
理想视口
默认情况下，一个手机或平板浏览器的布局宽度是在768px-1024px。虽然这能让桌面网站不被压扁，但是这并不理想，尤其对手机用户，因为在狭窄的屏幕上更适合一个狭窄的网站
真正适合手机的视口是什么呢？
理想视口
