本文主要是介绍dcloud (h5) 页面内容布局（需要计算手机屏幕），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
dcloud (h5) 页面内容布局（需要计算手机屏幕）
1.dcloud页面默认是适配所有手机屏幕的，但是有的时候，自己来布局页面，可能就需要重新来分配高宽，此时就需要计算手机的高度和宽度，这个应该是所有用混合式开发的人员都会遇到的。
2.就dcloud，本人稍微讲解一下，app开发，手机的高度和宽度获取，代码如下：
function getViewportSize () {
$mobile={
width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
}
}
前台页面获取
var spheight=($mobile.height-44-50)/4-15;
var chartheight=($mobile.height-44-50)/1.65;
//屏幕定位
我们获取到的$mobile.height，或者$mobile.width，是手机屏幕的高度和宽度，一般app开发，会有顶部title，底部tab，一般顶部title会是44，底部tab会是50，所以再计算中间内容部分的时候，要把这两块算上，需要减掉才是我们可以操作的区域大小！
如果大家感兴趣，或者想一起探讨学习的， 请加一下这个QQ群， 488505459，谢谢！
这篇关于dcloud (h5) 页面内容布局（需要计算手机屏幕）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
