html5 - 制作手机端H5页面
伊谢尔伦
伊谢尔伦 2017-04-17 12:07:57
[HTML讨论组]
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(6)
怪我咯

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

PHPz

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

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

黄舟

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

注意移动端的适配问题

怪我咯

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

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

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

巴扎黑

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

PHPz

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

document.documentElement.clientHeight

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号