首页 > 小程序 > 求问微信小程序怎么获取屏幕大小?

求问微信小程序怎么获取屏幕大小?

发布:2018-02-04 23:53:12来源:小花阅读:63

  目前,微信小程序大家使用的比较多,其中的组件image是用来显示图片,可是我们在做一些商品详情页图片的时候,由于image有默认固定的宽度和高度,就需要image自适应屏幕,严重影响了工作效率。那么微信小程序如何获取屏幕大小开?小编今天就教大家屏幕大小如何获取。

微信小程序

  微信小程序如何获取屏幕大小开源代码:

  方法1:

  [javascript] view plain copyimageLoad: function () {

  this.setData({

  imageWidth: wx.getSystemInfoSync().windowWidth

  })

  }

  方法2:

  [css] view plain copy.imgClass{

  width: 100vw;

  }

  CSS3引入的”vw”和”vh”基于宽度/高度相对于窗口大小

  ”vw”=”view width”“vh”=”view height”

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

  [css] view plain copy.demo {

  width: 100vw;

  font-size: 10vw; /* 宽度为窗口100%, 字体大小为窗口的10% */

  }

  .demo1 {

  width: 80vw;

  font-size: 8vw; /* 宽度为窗口80%, 字体大小为窗口的8% */

  }

  .demo2 {

  width: 50vw;

  font-size: 5vw; /* 宽度为窗口50%, 字体大小为窗口的5% */

  }

  .demo3 {

  width: 10vw;

  height: 50vh; /* 宽度为窗口10%, 容器高度为窗口的50% */

  }

  微微风提醒,Android的小程序开发时,同样也会遇到图片等比例缩放的问题。图片等比例缩放应该是以用图片宽高比和屏幕宽高比做判断。希望这篇文章能解决你的问题,如果你在微信小程序开发过程中遇到屏幕类型问题都可以来本站了解更多解决办法!

  相关阅读:

  微信小程序获取屏幕高度怎么操作?

  怎么利用微信分享屏幕呢

  微信屏幕怎么设置成横屏


发表评论
微微风
昵称

最新资讯

更多

比特币共识大会本月14日在美国纽约举行

1

最新eos货币价格动态

2

比特币扩容成掣肘未来交易量因素

3

谨防数字货币ico风险,ICO被定义非法集资

4

华强北矿机市场,实地探访深圳华强北矿机市场

5

新发行的数字货币有什么风险?央行提示风险

6

比特币“矿工”南漂记录:东南亚也不景气

7

一枚比特币成本价为8000美元,挖矿已无利可图了吗?

8

去中心化数字货币的风险,分析当前去中心化的数字货币

9

数字货币洗钱实例,一个利用比特币洗钱的案例判决

10

热门点击

更多
1全球欺诈性的数字货币累计涉案金额达到了10亿美元!
2黄金的货币资产王者地位比特币难撼动!
3比特币价格5月初已累计跌超15%!
4惊悚!比特币挖矿或许能让我们三年后无电可用?
5给你指一条区块链投资赚钱的正确的方向!
6区块链与共享单车风口和机遇并存!
7体育+区块链:票务和博彩成为一座金矿!
8迅雷的区块链生态圈初成型!
9fto未来币的基本信息情况介绍!
10fto未来币今日价格是多少?