当前位置:   article > 正文

小程序获取屏幕宽高wx.getSystemInfoSync().windowWidth_小程序获取屏幕宽度

小程序获取屏幕宽度

方式一:getSystemInfo:需要在success方法中取值

  1. wx.getSystemInfo({
  2. success:function(res) {
  3. console.log(res.windowWidth, '宽')
  4. console.log(res.windowHeight, '长')
  5. }
  6. })

方式二:getSystemInfoSync:可以直接".windowWidth"取值

  1. console.log(wx.getSystemInfoSync().windowWidth, '宽')
  2. console.log(wx.getSystemInfoSync().windowHeight, '长')

1、官方上规定屏幕宽度为20rem,规定屏幕宽为750rpx,则1rem=750/20rpx。

      即:不论哪个型号的手机,屏幕宽度都是750rpx

2、微信小程序rpx,px,rem单位换算规则

      屏幕实际宽度为:wx.getSystemInfoSync().windowWidth  px

      对应的屏幕宽度为:750rpx

      即:1px = (750 / wx.getSystemInfoSync().windowWidth)  rpx

             1rpx = (wx.getSystemInfoSync().windowWidth / 750)  px

             1rem = (wx.getSystemInfoSync().windowWidth / 20)  px
 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/blog/article/detail/42721
推荐阅读
  • 在C语言中,函数表的生成和使用是由编程人员手动管理的,编译器并不会自动生成函数表。当派生类对象被创建时,会在对象的内存布局中添加一个指针,指向派生类自己的函数表。函数实现函数表的解析是C语言实现面向对象编程的基础。然而,需要... [详细]

  • 最近,鉴于目前网上关于《Offer》C++版的汇总资料特别少或者不规范,特整理了一版书中重要的考题,以备学习使用。目录一、位运算1.二进制中1的个数2.二进制中0的个数3.二进制高位连续0的个数二、二叉树1.二叉搜索树第k个结点2.从上... [详细]

  • 【算法专题】动态规划之斐波那契数列模型
    算法专题之动态规划---斐波那契数列模型【算法专题】动态规划之斐波那契数列模型动态规划1.0动态规划---斐波那契数列模型1.第N个泰波那契数2.三步问题3.使用最小花费爬楼梯4.解码方法动态规划---斐波那契数列模型1.第N个泰波那契数题... [详细]

  • Seaborn和都是Python可视化库,它们都可以用于创建各种类型的图表。但是,Seaborn和Matplotlib在概念和设计上有一些不同。Matplotlib虽然已经是比较优秀的绘图库了,但是它有个今人头疼的问题,那就是API使用过于... [详细]

  • Kong提供多种请求负载均衡到多个后端服务方式:默认基于DNS方法,以及使用Upstream实体一组高级负载均衡算法。默认情况下启用DNS负载均衡器,仅限于循环调度负载均衡。Upstream实体还具有健康检查和断路器功能,除了更高级... [详细]

  • Python中打开文件、关闭文件、读写文件、定位文件等基本操作_python文件操作w内apython文件操作w内a文章目录文件打开文件文件对象的方法文件的关闭文件的读取和定位文件的写入文件到目前为止,我们已经很好地了解了如何处理数据,然后... [详细]

  • golang的错误处理_golanggrpcerrorgolanggrpcerrorerror是一种接口类型typeerrorinterface{ Error()string}123如何返回一个error使用errors.New("shdf... [详细]

  • 前说在项目开发中,有很多时候由于某某原因,很多UI组件不能被用,像移动端一个小的H5页面,引入一个大的antd-mobile显然也不合理,所以就有了很多形形色色的自定义组件了。效果LIVEdemo代码drawer.vue