微信小程序API中 windowWidth 和 screeWidth 的区别....(坑)

最新推荐文章于 2024-07-18 08:59:57 发布
最新推荐文章于 2024-07-18 08:59:57 发布
阅读量2.9k 收藏 3
点赞数 2
分类专栏： 小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kkun/article/details/107018407
版权

大部分情况下是相等的

这里我说一个情况, 大家可以自行区分, 一目了然

用PC端小程序打开你的小程序你会发现 screenWidth 是你的电脑显示器宽度... 1920

而windowWidth则是你打开的小程序那个窗口的正确窗口宽度750

 

类似得锤子手机的TNT也是

 

这就是区别

所以强烈建议用windowWidth

欢迎评论补充其他情况

AKULAKK
关注
专栏目录
小程序windowHeight和screenHeight的区别
bianyaoyao的博客
11-26 1万+
微信小程序在使用wx.getSystemInfo(Object object)这个接口的时候，返回的参数有很多，windowHeight和screenHeight经常被搞混 screenWidth number 屏幕宽度 1.1.0 screenHeight number 屏幕高度 1.1.0 和screen相关的属性，是指整个屏幕的宽高，如果因为要计...
window 的宽高和screen的宽高对比
...
06-18 1353
window 的宽高和screen的宽高对比 $(function(){ alert(location.pathname ) alert($(window).width()); alert(screen.width) // 注意:window 的宽度指的是浏览器窗口的宽度，注意是窗口的宽度，单位是px（不包工具栏和滚动条）； // screen的宽度指的是屏幕的
微信小程序获取当前屏幕的宽度和高度，只需一句代码
weixin_46124693的博客
12-13 2684
data: { wdith: wx.getSystemInfoSync().windowWidth, height: wx.getSystemInfoSync().windowHeight },
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案
p15097962069的博客
07-22 647
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案
测试screen.width, window.outerWidth, window.outerHeight, window.innerWidth, window.innerHeight
13-c的博客
01-23 947
html lang="zh-cmn-hans"> head> meta charset="utf-8"> meta name="viewport" content="width=device-width, user-salable=no, initial-scale=1.0; maximum-scale=1.0, minimum-scale=1.0"> meta http-equiv=
微信小程序如何获取页面全屏宽高
m0_73734137的博客
01-03 1791
【代码】微信小程序如何获取页面全屏宽高。
微信小程序API系统信息 wx.getSystemInfo获取系统信息
厦门在乎科技
05-28 1039
获取系统信息。 OBJECT参数说明： success回调参数说明： 示例代码： wx.getSystemInfo({ success: function(res) { console.log(res.model) console.log(res.pixelRatio) console.log(res.windowWidth) console.log(res.windowHeight) console.log(res.language) console
微信小程序小技巧《十九》实现图片高度自适应，带参数分享 ... ...
03-29
一：实现图片高度自适应 1. swiper轮播海报通过wx.getSystemInfo接口获取屏幕高度... 免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途
微信小程序API_位置信息API_设备应用API
LOVEcao_YU的博客
10-19 369
#微信小程序（15）API（4）#位置信息API #设备应用API
利用微信小程序新动画API之this.animate()实现3D旋转
one_zen的博客
07-09 2594
从微信小程序基础库 2.9.0 开始支持一种更友好的动画创建方式，用于代替旧的 wx.createAnimation 。它具有更好的性能和更可控的接口。
小白如何在微信小程序中使用常用的API
最新发布
m0_75244442的博客
07-18 287
这段代码会在界面上显示一个模态对话框，标题为"提示"，内容为"这是一个模态对话框"。这段代码会在界面上显示一个消息提示框，显示内容为"提示信息"，图标为成功图标，持续时间为2000ms。这段代码会下载指定URL对应的文件到临时目录，并在下载成功后将文件的临时路径输出到控制台。这段代码会将指定的文件上传到指定的URL，并在上传成功后将返回的数据输出到控制台。这段代码会向指定的URL发起GET请求，并在请求成功后将返回的数据输出到控制台。这段代码会从本地获取键名为"key"的数据，并将其输出到控制台。
微信小程序 rpx和px转换
sayyy的专栏
02-24 4121
前言 微信小程序使用的是rpx 不管屏幕宽度是多少，将宽度划分成750份，1份就是1rpx 获取屏幕真实的宽度 wx.getSystemInfoSync().windowWidth rpx和px转换公式 1rpx = (屏幕实际宽度/750)px 即 1rpx = (wx.getSystemInfoSync().windowWidth/750)px rpx和px转换公式为： rpx单位数值 * wx.getSystemInfoSync().windowWidth/750 -> px单位数值 举
微信小程序getSystemInfo的屏幕宽度不一致问题
abraham76的博客
10-15 1853
解决微信小程序getSystemInfo的屏幕宽度px和手机实际px不一致问题
微信小程序适配问题
liuye066的专栏
07-16 5364
iPhoneX兼容在小程序页面开发中，涉及到需要适配iPhoneX的地方主要有导航栏（NavigationBar），标签栏（TabBar）以及页面底部的吸底按钮。对于positionfixed的可交互组件，如果渲染在iPhoneX的安全区域外，容易误触HomeIndicator，应当把可交互的部分都渲染到安全区域内。建议使用以下wxss进行兼容适配方案1、meta标签中设置网页在可视窗口的布局方式2、fixed完全吸底元素场景的适配另外一种方法，获得。......
window.screenLeft:window.screenX，window.innerWidth，screen.width，screen.availWidth
zgjxyszh的博客
03-13 931
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>window.innerWidth window.screenLeft:window.screenX </title> </head> <body&amp
window和screen的尺寸总结
weixin_33716557的博客
06-03 2536
2019独角兽企业重金招聘Python工程师标准>>> ...
screenWidth、clientWidth、offsetWidth、 scrollWidth的区别
星河梦~的博客
07-13 2565
screenWidth、clientWidth、offsetWidth、 scrollWidth的区别
获取打开微信小程序设备的屏幕尺寸
热门推荐
尘封的落叶的博客
04-19 1万+
获取尺寸jsPage({data:{ windowHeight: '', windowWidth: '',}onLoad: function (options) {    wx.getSystemInfo({      success: function (res) {        console.log(res);        // 屏幕宽度、高度        console.log('h...
js得到屏幕宽高、页面宽高 (window.screen.availHeight)等
12-23 120
window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight; 返回当前网...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AKULAKK

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值