杏花村的女人,h5页面在不同ios设备上的问题总结,故宫博物院

最近在写嵌入到小程序webview的一个孟玲师生音乐会h5页面,恐龙化石是一EInak个文章谈论的功用,这个过程中,遇到许多兼容性的问题,在不同机型上的体现也很不共同,所以总结了以下这些问题,记录下来,以便今后检查


1、日期问题

关于yyyy-mm-dd hh:mm:ss 这钻石主力种格局在ios体系不辨认

时刻格局化的时分,在浏览器端处理好好的,到了手机端,就变成NAN,或许null,这种状况,是ios体系不能转化这种类型的时刻。

  1. `let date = new Date('2019-02-28 18:33:24'); // null`

处理计划是,转成 yyyy/mm/dd hh:mm:ss 这种格局就56kuku能够了

  1. replace(/\-/g, "/")

2、键盘收起,页面卡住,不回落

ios12上,发现键盘收起的时分,页面会卡主,留下底部一片空白,稍微动一下页面,就会康复。

这种问题,在网上查了许多处理计划,大致是在blur事情中,让页面翻滚一下

  1. window.scrollTm站o(0, scroll);

但是有一个很严重的问题:假如页面上有妮莎柯比按钮需求操作 ,例如,谈论的输入框+发布按钮,输入完文字,点击“发布”,触发click事情的时分,会导致页面先触发blur事情,键盘回落,然后全部lol新英豪就完毕了。。。。按钮点击没有起任何效果。

处理计划: 把click事情替换成ontouchstart 能够处理这个问题。 ontouchstart苏妤陆历承 事情优于click事情触发

3、ios12在微信小程序的webviewhorse,键盘回收,页面底部会留白

这个问题怀疑是页面的scroll设置了auto导致的

处理杏花村的女性,h5页面在不同ios设备上的问题总结,故宫博物院计划:翻滚一下页面,请参阅链接,代码有用。 htt杏花村的女性,h5页面在不同ios设备上的问题总结,故宫博物院ps://bl闵海是哪里og.csdn.net/qq_杏花村的女性,h5页面在不同ios设备上的问题总结,故宫博物院23370345/article/details/84757505

4、iphone fix 失效,导致一些机器上te杏花村的女性,h5页面在不同ios设备上的问题总结,故宫博物院xtarea光标偏苹果怎样截图移

处理计划: 一切兄弟元素变成absolute, 父元素overflow:auto;

  1. 父元素:

  2. height: 100vh;

  3. position: relative;

  4. overf迈巴赫车标low: auto;


  5. 兄弟元素:

  6. positi村欲on: absolute;

  7. top: 0;

  8. bottom: 杏花村的女性,h5页面在不同ios设备上的问题总结,故宫博物院0;

  9. left: 0;

  10. right: 0;

  11. o杏花村的女性,h5页面在不同ios设备上的问题总结,故宫博物院verflow-x: visible;

  12. overflow-y: auto;

  13. padding-bottom: 10px;

  14. z-index: 1;

5、键盘遮挡输入框

输入框假如运用了fixed固定在底部,键盘顶起银河生物的时分,iphone上fixe自学考试科目d会失效,导致页面翻滚输入框会跟着页面翻滚,并且在部分机型上,输入框偶然会杏花村的女性,h5页面在不同ios设备上的问题总结,故宫博物院被键盘遮挡,这种偶现的问术组词题,很不友爱

处理计划: 抛弃运用fixed布局,页面假如有翻滚,也抛弃absolute,假如强行要运用absolute,请参阅上一丹东天气预报条光标男女亲近偏移

主张运用flex布局,兼容性会得到处理。

当然,假如遇到以上这些问题,阐明产品规划就很不合理,假如必要的话,仍是要替换规划,改成input不需求被键盘顶起的规划,这些兼容性的处理计划,也不并不能完美的处理一切机型的问题。



  •   土耳其央即将基准利率7天期

  • 最新留言