首页 > 制作手机端H5页面

制作手机端H5页面

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


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

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


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

document.documentElement.clientHeight

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


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


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

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

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


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


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

注意移动端的适配问题

【热门文章】
【热门文章】