【微信小程序】【Demo】获取页面元素宽高，按相对百分比计算页面其他元素应设置宽度的像素数值。

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    var that = this;
    //获取元素
    var query = wx.createSelectorQuery();
    query.select("#navbar").boundingClientRect((rect) => {
      var wW = wx.getSystemInfoSync().windowWidth;
      //宽充满
      var bgW = wW;
      //背景元素宽高比例为1/2，则高为
      var bgH = bgW * 2 / 1;

      //a元素应为根元素的12%宽，则
      var aW = bgW * 0.12;
     
      that.setData({
        bgW: bgW + "px",
        bgH: bgH + "px",
      })
    }).exec();
  },