小程序image标签的高度

imag标签的属性mode="widthFix"

例如： <image mode="widthFix" src="../../images/Product_story_xq.png"></image>

针对引入图片后高度显示不正确：

1.image标签的默认属性——height：“240px”.

2.image标签不确认高度没有办法写属性：height。

解决方法：

image标签加入 mode="widthFix"这样的效果是图片自动匹配高度

例如： <image mode="widthFix" src="../../images/Product_story_xq.png"></image>

因为对小程序父标签和子标签的布局还不是特别了解，不像ios，父标签固定，子标签通过mansory去布局距离父的底部多少即可。小程序的我能想到的就是动态算出每一个标签的高度，然后总高度减掉就是想得到的子标签的高度了。如果有哪位大神可以指导一二，感激不尽~~~

<view id='viewID'>

<view id="scriptID">

        var query = wx.createSelectorQuery()

        //选择id

        query.select('#numID').boundingClientRect()

        query.select('#scriptID').boundingClientRect()

        query.exec(function (res) {

          //res就是 所有标签为mjltest的元素的信息 的数组

          console.log('所有：',res)

          //取高度

          that.setData({

            storyHeight:that.data.detailHeight -(res[0].height+res[1].height)

          })

        })

这个代码肯定可以查到的，这是官方查DOM属性的API，查到的属性其实也很有限，但是高度是绝对可以查到的，查不到高度的同学可以去看官方文档！

首先给你的xml对象一个id：

<view class="usermotto" style="height:213px" id='mjltest'/>

然后在js里，用一个SelectorQuery来选择对应id的节点（注意id前面要加一个#号），就可以获取对应节点的属性，包括高度。

//创建节点选择器

var query = wx.createSelectorQuery()

query.select('#mjltest').boundingClientRect()

query.exec(function (res) {

//res就是 所有标签为mjltest的元素的信息 的数组

console.log(res)  

//取高度

console.log(res[0].height)

})

---