为什么用viewport适配

1. 手机厂商在生产手机的时候大部分手机默认页面宽度为980px
2. 手机实际视口宽度都要小于980px，如：iphone6为375px
3. 开发需求：需要将980的页面完全显示在手机屏幕上且没有滚动条

实现方法

<meta name = "viewport" content="width=device-width,initial-scale=1.0">