【微信小程序】【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();
  },