微信小程序中的ios兼容性问题

Posted QAQhong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序中的ios兼容性问题相关的知识,希望对你有一定的参考价值。

1.ios中input的placeholder属性字体不居中

对placeholder设置line-height及font-size
对input设置高度

2.ios中滚动卡顿

设置-webkit-overflow-scrolling:touch;

3.微信小程序中解决ios中new Date() 时间格式不兼容

在实现日期时间对比时,时间格式为”2018-11-12 11:12:11”,然后利用new Date() 转换时,ios中无法兼容,安卓中显示正常
原因:IOS支持的日期类型为2018/11/12,所以把"-"替换成"/",则IOS和安卓都可兼容

let time = \'2018-12-10 11:11:11\'; 
let temporaryTime = new Date(time.replace(/-/g,\'/\'));

4. 微信小程序scroll-view隐藏滚动条方法

在wxss里加入以下代码:

::-webkit-scrollbar{ width: 0; height: 0; color: transparent; }

参考原文: http://www.okeydown.com/html/2018/11-02/956.html

以上是关于微信小程序中的ios兼容性问题的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序代码片段分享

微信小程序不同机型的兼容布局解决

uniapp 手写canvas海报(兼容android/ios/h5/微信小程序)

微信小程序视图层WXML_模板

仿探探左右滑动效果(兼容安卓,ios,小程序,h5)

7-微信小程序 模板(template)