这篇文章主要介绍了微信小程序开发之IOS和Android兼容的问题的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下

微信小程序开发之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 上两个字中间一个空格的时候整体会向右偏,必须设置两个空格才正常!

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

    无相关信息
最新资讯
困在“花呗”的年轻人:打赏主播欠30万,还贷四年未涂过脸霜

困在“花呗”的年轻人

据融360调查,中国使用消费贷款的人群中近半数都是90后,
试管婴儿:有出生缺陷可能更易患癌

试管婴儿:有出生缺陷可

有研究指出,在有出生缺陷的孩子中,那些通过IVF受孕的孩
清空U盘,手机一键格式化,数据就被彻底删除了吗?

清空U盘,手机一键格式

在今天办公一族随身携带的小零碎里,U盘肯定是最容易 “
嫦娥五号将择机着陆月球!

嫦娥五号将择机着陆月

11月30日,探月工程嫦娥五号任务飞行控制团队按计划实施
台湾环球晶圆将收购德国圆晶制造商Siltronic  开价45亿美元

台湾环球晶圆将收购德

据报道,德国圆晶制造商Siltronic发表声明称,它正在与台
阿里腾讯洽谈收购暂缓,爱奇艺不是想买就能卖的

阿里腾讯洽谈收购暂缓

腾讯阿里虽然目前可能暂时放弃受让百度的爱奇艺股权,但
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,