chrome上的模拟移动端和真实微信浏览器的差异

如图，在chrome上运行的好好的，页面显示非常完整，但是到了微信上就成了这鸟样。。。代码丝毫都没动过。求大神指点一二

考虑微信使用的浏览器解析内核与《chrome是否相同

微信内核也是webkit的，差异不是很大，viewpoint添加了吗


<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />

在谷歌模拟的手机浏览器中和真实的浏览器是有差别的。
模拟机可以做兼容，但真是的机器是根据你写的代码来显示的。
在模拟器中能满屏显示，在真机中超出了显示范围，可能是因为页面的宽度超出了真机分辨率。
比如iPhone6只有320px*786px。

因此在手机端的页面最好采用相对单位，比如rem、em等，而不要去使用px。