这几十个px是哪里去了？微信内置浏览器

Question

新手一枚，要写一个html5给微信浏览器用，上边的tab是一个600px的横条，加了滚动，在正常情况下可以滑动从一年级滚到六年级，且样式正确，但是在微信内置的浏览器中，最后的几十个px就被吃了，无论如何也滑不到底。
使用设备iphone6。
图1：在Safari中的正确样式

图2：在QQ浏览器中的正确样式

图3：在微信内置浏览器中被吃掉的样式

更新
图4：在学长的iphone5上显示正常，但是margin-top消失了

求问：

1.怎么样能在PC上完整模拟微信内置浏览器的渲染方式?
2.“六年级”后半个字和后面10多个px是怎么被吃掉的？怎么补回来？

Answer 1

使用微信web开发者工具可以完整的模拟微信内置浏览器的渲染方式，也可以查看手机上页面的代码结构。这样你就可以方便的查看为什么后面那10几像素没了。