先说下问题。手机上的浏览器默认宽度为960px，并不是每个设备屏幕的真实宽度，所以造成我们所做的页面在手机上显示时会缩小，也就是说，如果我们做了一个960px的页面，在手机上则是刚好铺满全屏，如果小于这个宽度，这显示不全，相应的字体的大小会缩小很多，导致页面内容根本无法读取。
所以，为了做成一个响应式的网站，首先要解决这个问题，这里应用到 viewport 属性，视窗。下面是这句代码的具体写法，放在head内。
<meta name="viewport" content="width=device-width">