微信小程序如何获得屏幕的宽度和高度

前言：

在浏览器中，可以通过

body {
    with:100%;
    height:100%;
}

来设置整个页面的宽度和高度；但是在微信小程序中这种操作是不被允许的。

微信小程序中设置盒子为屏幕的宽和高：

• 方法1：

var windowHeight = wx.getSystemInfoSync().windowHeight
var windowWidth = wx.getSystemInfoSync().windowWidth

• 方法2：

.windowHeightWidthClass {
    height: 100vh;  /* vh即 view height, 表示屏幕的高度; */
    width: 100vw;   /* vw即 view width, 表示屏幕的宽度; */
}