iOS11 前端适配遇到的坑

已于 2023-04-20 11:40:33 修改
阅读量3.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： html/css vue IOS 文章标签： 移动端 H5 css
于 2017-11-30 15:40:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_38073829/article/details/78676685
本文主要探讨了在使用float及line-height属性时遇到的浏览器兼容性问题，并提出了相应的解决方案。对于float属性，建议使用margin和padding进行替代适配；而对于line-height属性的兼容性问题，文中提到目前尚未找到理想的解决办法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. float 不支持

用margin／padding 适配

2. line-height 不兼容

目前没找到很好的办法，解决

前端ios兼容性问题总结
dengkangning1111的博客
09-04 2661
前端IOS兼容性问题总结 低版本版本兼容问题 具体表现：低版本ios写es6语法会报错 解决方法：直接用es5语法或者使用babel， 参考：https://www.babeljs.cn/ 高版本兼容性问题 具体表现：fixed布局会被输入框给顶起来，原因好像是失去了焦点 解决方法：1.给输入框一个onblur事件，滚到上面去; onBlur(){ window.scroll...
移动端---前端在安卓与ios上遇到的坑（二）之调取摄像头与相册上传并压缩图片
璃月之天涯的博客
09-16 640
最近一直在写移动端项目，遇到不少适配安卓与ios及其他的问题，现在进行一个回顾 先是要如何判断安卓与ios var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+...
前端开发中遇到的ios兼容性问题及解决
sinat_32308611的博客
04-08 1158
前端开发中遇到的ios兼容性问题及解决日期的兼容性事件兼容性 日期的兼容性 iOS下new Date('2020-03-11 00:00:00')不生效，可以使用new Date(2020,03,11,0,0,0')替代，也可以对日期进行date.replace(/-/g, '/')处理。 /** * 在保险期为1年的规则下，获取终保日期的值 * @param {起保日期} start_date */ const getEndDate = (start_date) => { if
css 实现多行文本展开收起操作 兼容ios。 以及vue实现 两种方式
业余前端的职业经历
12-25 2457
多行文本的省略和隐藏。其实在ios上面还是会有兼容性问题 惨不忍睹，做不到 在文本末尾实现 文字环绕 展开的那种方式 只能通过css的其他的方式来处理， 这个展开的问题 本来就是前端处理中的一个难题。 哎 想在短时间处理和各个平台的兼容性还是不容易。 在这个做个笔记。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA
关于float失效的问题
qq_43238599的博客
03-26 5672
今日遇到了一个float的失效的效果，想了良久解决了。特有做了一些测试，如果有遇到这类问题的，可以查看一下。 1、第一个常见问题flex布局 我想要说明的是flex布局与float浮动不能同时对一个对象操作。 如果父对象是flex布局，子对象是flaot浮动也是没有效果是。 2、块元素，内联块元素，行内元素的问题 float浮动是无法对行内元素起效果的。 ...
小程序兼容安卓和IOS数据处理问题及坑
10-18
但由于Android和iOS这两个平台在系统架构、API设计上的差异，以及微信小程序自身的限制，开发者常常会遇到一系列的兼容性问题。本文将详细探讨微信小程序在数据处理上常见的问题及解决方案。 #### 数据处理及请求...
6年前端开发整理出的日常开发中碰到的兼容适配问题
发果叁
05-17 1337
前言 这几天看了一下自己以前写的开发笔记，发现自己也从一个初出茅庐只会面向群编程的菜鸟变成在群里给别人解答问题的老鸟了。正好将自己做前端6年以来碰到的一些项目中很常见的兼容适配问题以及解决方案整理出来分享出来，加快大家进阶老鸟的进度。 1.扩大按钮可点击区域 常见于手机端勾选协议按钮，弹框的"x"号，由于按钮设计的较小，用户手指跟屏幕接触的面积较大，用户需要点击多次才能触发事件，体验较差，需要在不改变ui的前提下扩大按钮的点击区域。 解决： 使用伪元素(伪元素相对于父元素定位向四周延展，可以设置为任意尺寸
iOS13相关变化及适配
若锦的博客
10-16 5015
文章目录一、 iOS 13 支持的机型二、 适配要求三、具体适配清单1、 Dark Mode2、Sign In with Apple3、模态弹出视图的显示问题4、不允许使用KVC进行对私有属性进行获取或者修改5、推送的 deviceToken 获取到的格式发生变化6、 iOS13以后将不再继续支持UIWebView7、UISearchDisplayController被废弃8、 MPMoviePl...
React Native 新架构 Fabric 之 IOS 适配
最新发布
weixin_53548114的博客
07-29 1292
由于 React Native 自 2021 年宣布支持新渲染器 Fabric，计划至 2024 年底将新架构作为正式版默认启用，逐步淘汰旧架构，作为依赖库的维护者，我们现在开发和迁移自己的依赖就是最好的时机。本文聚焦于开源的 react-native-ad 依赖库的升级适配，旨在帮助 React Native 库开发者和 iOS 开发者了解跨平台开发，深入学习原生开发技术。
总结
sunhaomei的博客
10-18 157
背景需要加宽高 整体的大元素需要overflow: hidden;会解决第一个margin和最后一个margin不生效问题 必须display:block才能浮动 如果加display:flex 下一级不需要转换为块级元素 直接是块 了。（下一级！！） display:flex 就相当于给子盒子加float属性了（子元素默认水平排列 要改变：flex-direction...
苹果Iphone IOS移动端开发兼容问题
baidu_34478852的博客
06-25 770
display:inline-block 中包含浮动元素 float 导致点击事件失效 华为手机 Ipone ES6不兼容 ES6语法导致 Babel 编译器编译转成ES5 Ipnone手机 兼容问题、 CSS: ipone 移动不兼容 margin 属性 无效 顶部标题在iPhone4/4S下宽度不能100%； iPhone4/4S下在input弹出输入法时，不支持position:fixed 的问题（即 本来固定在顶部的菜单下移）； 主要是不兼容固定定位 目前看到最多的解决方案
css float
AIALOG的博客
05-02 933
css，css float
前端 iOS 和 Android 的兼容问题
热门推荐
青蛙king的博客
12-28 1万+
兼容 andriod、ios 的问题
前端IOS和Android的兼容问题
爱吃雪糕的小布丁的博客
04-07 1695
在开发前端应用时，我们经常会遇到需要同时兼容IOS和Android设备的情况。尽管现代的Web技术已经大大减轻了跨平台开发的负担，但仍然存在一些特定于IOS和Android的兼容性问题。本文将介绍一些常见的兼容性问题，并提供解决方案和示例代码。
-Webkit-Box 在 Safari 中出现的兼容性问题
qq_31551105的博客
08-16 2167
想到这里，突然想到，-webkit-box 这个是早期版本的 flex 布局，那会不会就跟 display: flex;这个一样，当有了 flex 容器之后，flex 元素就不再是 BFC、IFC 之类的，而是 FFC 呢?如果真是这样的话，那么是不是就可以多嵌套一层，由最外层控制文本多行截断，最里层控制 tag 的浮动效果呢?于是改变一下 HTML 结构。于是在最外层再包一个div把原先的display:-webket-box放在最外面的div样式里，这下总算解决了！
安卓和IOS的适配问题(5个)
weixin_64355008的博客
11-12 2144
安卓和IOS的适配问题(5个)
css样式对IOS设备苹果手机不支持解决方法
东方雨林_Lin的博客
07-14 9861
css样式对IOS设备苹果手机不支持解决方法 在写移动端的网页的时候发现到苹果的设备上浏览的时候按钮变成了苹果的灰色按钮。 在class文件中写入下面的代码可以解决。 input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} textarea { -webkit-...
flat()低版本浏览器兼容问题,flat() is not function
weixin_43485503的博客
04-20 1243
低版本浏览器兼容问题,flat() is not function
打造屏幕前端Assistive Touch按钮的iOS源码解析
在实际的iOS应用开发中，开发者可能会遇到需要创建悬浮按钮、浮动菜单等UI元素的需求。实现类似Assistive Touch键的效果，不仅能提供便捷的用户交互体验，还能在一些特殊的场景中发挥作用，例如： - 在视频播放应用...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值