Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >iphone与安卓的兼容性问题汇总

iphone与安卓的兼容性问题汇总

作者头像
windseek
发布于 2018-05-15 09:47:17
发布于 2018-05-15 09:47:17
1.7K00
代码可运行
举报
文章被收录于专栏:杨龙飞前端杨龙飞前端
运行总次数:0
代码可运行

1.日期问题

当使用yyyy-mm-dd格式时,iphone不认,安卓没问题

解决办法:new Date(res.data[i].inventoryDate.replace(/-/g, "/"));

2.title问题

如果title是动态加载的,在dom加载完之后通过js改变title的值,在安卓上显示是正常的,在iphone上不能正常显示

解决办法:通过后台传入title值,在前端读取html时就读取了title的值,这样就不经过html加载完之后再执行了,就解决了问题

3.滚动惯性问题

在安卓中设置为overflow:auto就可以了,在ios中没有惯性效果

解决办法,.div{

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
-webkit-overflow-scrolling: touch

}

4、ipone6显示正常,iphone6s显示错位了

同样的css在不同的手机用同样的浏览器看结果却不一样

解决办法,调整浏览器的默认设置。把字号大小设置为正常的大小

最好的解决办法,就是把宽度放足够大,做成自适应的页面

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-02-13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
吃透移动端 H5 与 Hybrid|实践踩坑12种问题汇总
作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案。由此来做一个阶段性的总结。
前端老道
2020/10/15
1.5K0
吃透移动端 H5 与 Hybrid|实践踩坑12种问题汇总
移动端开发遇到的一些兼容性问题及其整理「建议收藏」
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/152723.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/12
5920
H5页面前端开发常见的兼容性问题解决方法
问题描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样,看起来很怪异。例如下图,左图是正常所期待的输入框光标,右边是IOS的 input 光标。
越陌度阡
2022/05/06
3.1K0
H5页面前端开发常见的兼容性问题解决方法
记录:关于苹果端IOS系统webkit-overflow-scrolling-touch不显示元素的兼容性问题
项目中给某个带滚动条的元素添加了 overflow:scroll以及 -webkit-overflow-scrolling: touch;
岳泽以
2023/03/30
1.6K0
安卓/ios兼容问题及处理(小程序/H5)
问题:然后利用new Date() 转换时间戳时,使用微信开发工具、安卓都没问题,ios中无法展示并报错 “invalid date”。
小唐同学.
2022/03/15
8.2K1
ReactJs移动端兼容问题汇总
A:初步怀疑是css属性没有加前缀引发的兼容问题,但添加后发现也不行,通过webview调试后控制台输出Set is undefined,搜索后发现React依赖集合类型 Map 和 Set。所以如果要兼容低版本浏览器可以引入一个全局的 polyfill,例如 core-js 或 babel-polyfill。
李文杨
2018/08/01
2.2K0
ReactJs移动端兼容问题汇总
移动端的那些坑
Safari下使用border-image,不能设置border-color: transparent。
grain先森
2019/03/29
2K0
移动端的那些坑
【H5】344- 微信 H5 页面兼容性解决方案
当点击输入的时候,光标的高度和父盒子的高度一样。例如下图,左图是正常所期待的输入框光标,右边是ios的input光标。
pingan8787
2019/09/09
2.9K0
【H5】344- 微信 H5 页面兼容性解决方案
移动端Web页面常见问题解决
经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960*640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在android比较乱,有1.5的,有2的也有3的。
空空云
2018/09/27
1.9K0
移动web开发问题和优化小结
到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨:移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑,如果大家有遇到什么别的坑,欢迎补充,或者觉得我哪里写错了,欢迎指点!
守候i
2018/08/22
2.2K0
移动web开发问题和优化小结
Vue开发微信H5页面总结
刚入门前端的时候写过很多的微信H5页面,时隔多年感觉应该是手到擒来,不曾想竟很是费了一些功夫。现在把本次开发过程中遇到的问题以及我是如何解决的,做个记录。防止自己以后再去解决解决过的问题。
前端黑板报
2018/12/24
4.5K0
移动端开发总结
到目前为止,互联网行业里,手机越来越智能化,移动端占有的比例越来越高,尤其实在电商,新闻,广告,游戏领域。用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨:移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑,如果大家有遇到什么别的坑,欢迎补充,或者觉得我哪里写错了,欢迎指点!
grain先森
2019/03/28
2.9K0
移动端开发总结
移动端H5页面开发坑点指南
前言 在平时的H5移动端开发时,我们难免会遇到各种各样的坑点,这篇文章就带着大家来看看怎么解决,文章较长,建议收藏方便以后查阅!
Javanx
2019/10/28
3.4K0
基于iframe的移动端嵌套
需求描述 上上周接到了新的项目,移动端需要做一个底部有五个导航,点击不同的导航页面主体显示不同的页面,其中两个页面是自己做,而另外三个页面是引用另外三个网址,其中两个网址为内部项目,另外一个为外部(涉及跨域)。 问题 考虑再三后最省时间成本的就是使用iframe,虽然在移动端使用,我的内心是很拒绝的,不过其他方案调研了下都不太符合现状。每点击一次加载一个新的iframe,比较懒,所以两个新页面也做成了iframe,在做的过程中出现了如下问题,这里总结一下: 1.嵌入的iframe页面无法滚动 2.met
用户1624346
2018/04/18
3.9K0
移动端必备的H5问题及解决方案
上下滑动页面会产生卡顿,手指离开页面,页面立即停止运动。整体表现就是滑动不流畅,没有滑动惯性。
前端小tips
2021/12/11
5.1K0
移动端必备的H5问题及解决方案
移动端开发需要注意事项
请保证将每条数据都放在一个a标签中,为何这样做?因为在触控手机上,为提升用户体验,尽可能的保证用户的可点击区域较大
全栈程序员站长
2022/09/07
5290
position:sticky的兼容性尝试
开篇 笔者刚刚结束淘宝的工作,现在加入了一家有青春活力的垂直电商公司,正对着阿里巴巴的西溪园区,最近一直在熟悉新的工作环境和规范,因此博客有好些时间没有更新了,在此抱歉! 在忙碌完公司的发布系统之后,逐渐接触到具体的业务。在这里主要介绍下关于css3草案的position:sticky属性的兼容。 问题 目前前端的h5有个需求,就是“当页面上的若干个标题被拖动到视口的顶部时,则显示一个被定位到视口的顶部的tab标签,可对这个tab标签进行点击导航,并在某个特殊的情况下隐藏”。最简单粗暴的做法就是针对doc
欲休
2018/03/15
3.9K0
CSS常见兼容性问题总结
浏览器的兼容性问题,通常是因为不同的浏览器对同一段代码有不同的解析,造成页面显示不统一的情况。
书童小二
2018/09/03
1.3K0
CSS常见兼容性问题总结
ios下滚动条默认显示
该文讲述了如何实现ios下滚动条默认显示,以及需要注意的样式和兼容性问题,并提供了一个demo示例。
练小习
2017/12/29
5.8K0
ios下滚动条默认显示
几个经常在H5移动端开发遇到的东西!
1. 弹出数字键盘 <!-- 有"#" "*"符号输入 --> <input type="tel"> <!-- 纯数字 --> <input pattern="\d*"> 安卓跟IOS的表现形式应
Nealyang
2019/10/23
1.3K0
几个经常在H5移动端开发遇到的东西!
相关推荐
吃透移动端 H5 与 Hybrid|实践踩坑12种问题汇总
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验