这个主要就是需要改掉HTML的页面声明：
在HTML中添加一下代码即可正常显示：
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"/>
解释：
viewport的宽度，
height: viewport的高度，
initial-scale: 初始的缩放比例，
minimum-scale: 允许用户缩放到的最小比例，
maximum-scale： 允许用户缩放到的最大比例，
user-scalable: 用户是否可以手动缩放。
最后就是不要设置太大的具体的宽度属性，如果需要大宽度的，可以采用比例的方式来设置，这样设计的屏幕宽度也能够自适应屏幕的大小。