1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序获取屏幕宽度以及元素的宽高

微信小程序获取屏幕宽度以及元素的宽高

时间:2018-10-14 12:09:17

相关推荐

微信小程序获取屏幕宽度以及元素的宽高

一、微信小程序获取系统信息

微信获取系统信息函数为wx.getSystemInfo(OBJECT)

object 参数说明success 回调参数说明

二、css3引入’vm’ 和 “vh”

vm=view width ; vh=view height

以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小

例如:

view{width: 100vw;font-size: 80vw; /* 宽度为窗口100%, 字体大小为窗口宽度的10% */}view{height: 100vh;font-size: 80vh; /* 高度为窗口100%, 字体大小为窗口高度的10% */}

三、获取元素的高度wx.createSelectorQuery()//获取wxml节点信息api

返回一个SelectorQuery对象实例。可以在这个实例上使用select等方法选择节点,并使用boundingClientRect等方法选择需要查询的信息。

示例代码

Page({queryMultipleNodes: function(){var query = wx.createSelectorQuery()query.select('#the-id').boundingClientRect(function(res){res.dataset // 节点的datasetres.width// 节点的宽度res.height// 节点的高度res.scrollLeft // 节点的水平滚动位置res.scrollTop // 节点的竖直滚动位置res.scrollX // 节点 scroll-x 属性的当前值res.scrollY // 节点 scroll-y 属性的当前值// 此处返回指定要返回的样式名res.marginres.backgroundColor})}})

selectorQuery 对象的方法列表

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。