微信小程序开发之IOS和Android兼容的问题_网络技术

微信小程序开发之IOS和Android兼容的问题

发布时间 - 2026-01-11 03:25:36 点击率：次

微信小程序开发之IOS和Android兼容的问题

一、时间转换问题：

这不只是小程序上面的问题是ios系统都有这个问题

就是new Date("2017-06-16") 在IOS会出现NAN的情况所以对于时间转换需要另行封装，解决方案如下

1.替换”-“为”/“

2.删除”.“后面的字符串（带毫秒也会有问题）

代码如下：

 /**
   * 字符串转换为时间
   * @param {String} src 字符串
   */
  strToDate(dateObj){
   dateObj = dateObj.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').replace(/(-)/g, '/')
   dateObj = dateObj.slice(0, dateObj.indexOf("."))
   return new Date(dateObj)
  }

二、fixed定位问题

整个页面的fixed定位，在ios下下拉会触发下拉事件，但是没有动画效果。Android就能正常运行

flex中使用绝对定位，ios出现严重错位，导致父级元素也会变成绝对定位，Android能达到理想效果

总而言之尽量不用fixed

三、absolute定位问题

1.使用absolute定位，并且宽带设置了100% 并且设置了padding就会导致屏幕宽度溢出，出现页面左右可以移动的bug，模拟器上是没有问题，但是真机上是有这个问题的。这个问题让我调试并痛苦了许久

2.使用absolute并且当前元素是flex容器这种情况在Ios下面布局不会起到左右，会出现所有元素转换成了absloute并且文字错位

3.总而言之尽量不用 absolute

四、 word-spacing在button中的问题

有时候在使用大按钮的时候两个字中间希望有段间距，但是目前没有找到能使用的占位符，所以使用了的word-spacing加空格这个方法来设置文字的间距，但是在iPhone6s 上两个字中间一个空格的时候整体会向右偏，必须设置两个空格才正常！

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 小程序开发之IOS和Android兼容的问题 # 小程序与移动设备兼容的问题 # Android小程序实现简易QQ界面 # Android实现闹钟小程序 # Android实现简易计算器小程序 # Android分享微信小程序失败的一些事小结 # 微信小程序—微信跳一跳 # Android游戏助手(外挂)使用教程详解 # Android开发微信小程序路由跳转方式 # 这个问题 # 两个字 # 就会 # 让我 # 都有 # 会有 # 成了 # 也会 # 是有 # 就能 # 如有 # 希望能 # 问题是 # 这种情况 # 谢谢大家 # 没有找到 # 能达到 # 转换为 # 方法来 # 机上

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：如何解决 Composer 无法识别系统环境变量的问题？

下一篇：nginx中如何输出php错误日志文件

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：如何解决 Composer 无法识别系统环境变量的问题？

下一篇：nginx中如何输出php错误日志文件