您当前的位置: 首页 >  微信小程序

王佳斌

暂无认证

  • 1浏览

    0关注

    821博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

微信小程序 - 获取用户手机屏幕高度与宽度(两种方案)

王佳斌 发布时间:2020-10-08 17:18:49 ,浏览量:1

前言

有时候我们需要获取用户手机屏幕高度或宽度来完成一些界面表现,具体请看代码。

第一种方案(推荐)

"vw" = "view width" "vh" = "view height"

使用 CSS3 引入的 vw / vh 基于宽度/高度相对于窗口大小。

/* 元素根据手机屏幕宽高占位100% */
.view {
   
   height: 100vh;
   width: 100vw;
}
第二种方案

官方文档:

关注
打赏
1665568777
查看更多评论
立即登录/注册

微信扫码登录

0.0373s