在chrome浏览器中进行mobile端模拟的时候，会出现@media不起作用的情况，这里需要进行移动端viewport的设定

原因：移动设备上的浏览器都会把自己默认的viewport设为980px或1024px

解决办法：

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

这种情况，会使用mobile端的真实比例进行排版