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

最新推荐文章于 2024-07-18 08:59:57 发布
最新推荐文章于 2024-07-18 08:59:57 发布
阅读量3k 收藏 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 1374
window 的宽高和screen的宽高对比 $(function(){ alert(location.pathname ) alert($(window).width()); alert(screen.width) // 注意:window 的宽度指的是浏览器窗口的宽度，注意是窗口的宽度，单位是px（不包工具栏和滚动条）； // screen的宽度指的是屏幕的
微信小程序获取当前屏幕的宽度和高度，只需一句代码
weixin_46124693的博客
12-13 2730
data: { wdith: wx.getSystemInfoSync().windowWidth, height: wx.getSystemInfoSync().windowHeight },
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案
p15097962069的博客
07-22 658
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案
测试screen.width, window.outerWidth, window.outerHeight, window.innerWidth, window.innerHeight
13-c的博客
01-23 961
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=
微信小程序 rpx和px转换
sayyy的专栏
02-24 4225
前言 微信小程序使用的是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单位数值 举
微信小程序API系统信息 wx.getSystemInfo获取系统信息
厦门在乎科技
05-28 1063
获取系统信息。 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
微信小程序API_位置信息API_设备应用API
LOVEcao_YU的博客
10-19 398
#微信小程序（15）API（4）#位置信息API #设备应用API
微信小程序小技巧《十九》实现图片高度自适应，带参数分享 ... ...
03-29
一：实现图片高度自适应 1. swiper轮播海报通过wx.getSystemInfo接口获取屏幕高度... 免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途
利用微信小程序新动画API之this.animate()实现3D旋转
one_zen的博客
07-09 2629
从微信小程序基础库 2.9.0 开始支持一种更友好的动画创建方式，用于代替旧的 wx.createAnimation 。它具有更好的性能和更可控的接口。
小白如何在微信小程序中使用常用的API
最新发布
m0_75244442的博客
07-18 307
这段代码会在界面上显示一个模态对话框，标题为"提示"，内容为"这是一个模态对话框"。这段代码会在界面上显示一个消息提示框，显示内容为"提示信息"，图标为成功图标，持续时间为2000ms。这段代码会下载指定URL对应的文件到临时目录，并在下载成功后将文件的临时路径输出到控制台。这段代码会将指定的文件上传到指定的URL，并在上传成功后将返回的数据输出到控制台。这段代码会向指定的URL发起GET请求，并在请求成功后将返回的数据输出到控制台。这段代码会从本地获取键名为"key"的数据，并将其输出到控制台。
window.screenLeft:window.screenX，window.innerWidth，screen.width，screen.availWidth
zgjxyszh的博客
03-13 948
<!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 2551
2019独角兽企业重金招聘Python工程师标准>>> ...
screenWidth、clientWidth、offsetWidth、 scrollWidth的区别
星河梦~的博客
07-13 2669
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 133
window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值) window.screen.height 返回当前屏幕高度(分辨率值) window.document.body.offsetHeight; 返回当前网...
window窗口尺寸和window.screen屏幕尺寸的正确理解
道先生的专栏
03-02 4325
window窗口尺寸和window.screen屏幕尺寸的正确理解
小程序 wx.getSystemInfoSync 获取 windowHeight 不准确的问题
热门推荐
梦逸灵箭——的博客
08-29 1万+
如果本文对你有用，请爱心点个赞，提高排名，帮助更多的人。谢谢大家！❤ 如果解决不了，可以在文末进群交流。 wx.getSystemInfo(OBJECT) 获取系统信息。 OBJECT参数说明： 参数 类型 必填 说明 success Function 是 接口调用成功的回调 fail Function 否 接口调用失...
微信小程序获取网络与系统信息实战代码
在微信小程序开发中，获取设备的相关信息是常见的需求，这有助于提供更好的用户体验和服务。以下是对两个关键功能的详细说明： 一、获取手机网络状态 在微信小程序中，可以通过`wx.getNetworkType`接口来获取当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

AKULAKK

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

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

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

打赏作者

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

抵扣说明：

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

余额充值