公告列表
公告列表
收藏
回答

如何使用wx.getSystemInfoSync()获取可使用窗口宽度和长度使小程序背景图片铺满？

let result = wx.getSystemInfoSync()

let windowWidth = result.windowWidth//获取window的宽度（单位px）

let windowHeight = result.windowHeight//获取window的高度（单位px）

小白一个，JS中获取的这些长宽数据如何拿到 wxml 或 wxss中使用呢？

回答关注问题邀请回答
收藏

2 个回答

  • 微派蓝色雪狐
    微派蓝色雪狐
    2023-10-21

    wxml

    let result = wx.getSystemInfoSync()
let windowWidth = result.windowWidth//获取window的宽度（单位px）
let windowHeight = result.windowHeight//获取window的高度（单位px）

<view style="width:{{windowWidth }}px; height:{{windowHeight }}px;"></view>


    wxss不能直接使用的，但可以使用css var方法使用

    wxml
<view class="contianer" style="--win-width--:{{windowWidth}}px;--win-height--:{{windowHeight}}px;"></view>

wxss
  .contianer { width :var(--win-width--); height:var(--win-height--) }


    2023-10-21
    有用 2
    回复 1
  • 一笑皆春
    一笑皆春
    2023-10-21

    style="width:{{windowWidth }}px; height:{{windowHeight }}px;"

    最好是100%就行了，或者100vw, 100vh

    2023-10-21
    有用 1
    回复 1
请 登录 后发表内容
相关问题
相关文档