制作手机端H5页面

Question

我在开发一个html5微信页面时 微信本身上方占据了一些屏幕高度 如何计算微信占据的高度 而且不同的手机应该是不一样的吧 请求大神指教

Answer 1

顶栏是不算在网页高度里面的，你取到的浏览器高度，就是下面显示区域的高度

Answer 2

你计算那个干啥，你只要关心你要在能显示的区域里怎么安排内容就行了。

不同的手机是显示区域有所区别，但是利用CSS来布局是可以适应的。

Answer 3

顶部的那个东西你不用管啊
你要做好的是webview里的页面

注意移动端的适配问题

Answer 4

其实高度你不用管太多的，你只需要做好宽度就可以的了，
内容多的话就让它滑动查看更多内容就可以的了，
内容少的话就是自动的显示一屏幕的高度就可以的

只需要宽度用响应式布局适配更多的手机就可以的了

这是移动端html的标准，建议参考一下的

Answer 5

可以参考下微信朋友圈广告里的：
http://wximg.qq.com/wxp/wxmoment-doc/2.3.html

Answer 6

如果只是要可视区域的大小，跟微信头的高度是没影响的啦:
直接

document.documentElement.clientHeight

或者直接css设置html,body{height: 100%}, body{margin: 0;};