dcloud (h5) 页面内容布局（需要计算手机屏幕）

dcloud (h5) 页面内容布局（需要计算手机屏幕）

1.dcloud页面默认是适配所有手机屏幕的，但是有的时候，自己来布局页面，可能就需要重新来分配高宽，此时就需要计算手机的高度和宽度，这个应该是所有用混合式开发的人员都会遇到的。

       2.就dcloud，本人稍微讲解一下，app开发，手机的高度和宽度获取，代码如下：

var $mobile;
function getViewportSize () {
$mobile={
   width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
   height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
}
}

前台页面获取

mui.plusReady(function() {
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，谢谢！