css在ios和安卓上的兼容问题（持续更新）

1、linear-gradient渐变在ios上会出现灰底
原因：ios不支持transparent表示透明，改用rgba(255, 255, 255, 0)

background: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
background: -webkit-gradient(linear, top, bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);

2、滚动条在安卓机上不显示

// 手动写scrollbar代码
&::-webkit-scrollbar {background-color: #fff;
}&::-webkit-scrollbar-thumb {width: 8px;background: #E9E9E9;border-radius: 5px;
}

3、font-weight属性在安卓机上100~600都显示400的字重（汉字会出现该问题，字母不会）
原因：字体不支持，建议用normal和bold来表示粗细

4、ios无法调起数字键盘的问题
type=number不生效时，可使用inputMode属性，同时存在时优先使用inputMode，值如下：

5、ios的placeholder偏上的问题
方法一：使用padding使提示文字居中，如果font-size:14px,UI高度为40px,我们可以设height：14px,padding:13px 0;
方法二：使用line-height:1px
方法三：使用vertical-align: middle;
实践后问题得以解决，但是其他浏览器下也受到了影响，那么问题来了，我们需要单独针对Safari来写hack即[;line-height:1;]
转：https://www.cnblogs.com/humaotegong/p/6629060.html

6、ios下固定定位在滚动元素中位置错乱的问题
将固定定位放在最外层即可

7、ios在微信公众号下无法使用dayjs插件的问题
可能原因：（1）ios本身就不支持dayjs （2）ios不支持 new Date（yyyy-MM-dd ）的转换，只支持 new Date（yyyy/MM/dd ）的转换

css在ios和安卓上的兼容问题（持续更新）相关推荐

操作系统面试题（史上最全、持续更新）
尼恩面试宝典专题40:操作系统面试题(史上最全.持续更新) 本文版本说明:V28 <尼恩面试宝典>升级规划为: 后续基本上,每一个月,都会发布一次,最新版本,可以联系构师尼恩获取, 发送 ...
架构设计面试题（史上最全、持续更新、吐血推荐）
文章很长,建议收藏起来,慢慢读! 高并发学习社群 - 疯狂创客圈奉献给大家: 经典图书 - <Netty Zookeeper Redis 高并发实战> 面试必备 + 大厂必备 + 涨薪必备 ...
HR面试题（史上最全、持续更新、吐血推荐）
文章很长,建议收藏起来,慢慢读! 疯狂创客圈为小伙伴奉上以下珍贵的学习资源: 疯狂创客圈经典图书 : <Netty Zookeeper Redis 高并发实战> 面试必备 + 大厂必备 ...
JVM面试题（史上最强、持续更新、吐血推荐）
JVM面试题(史上最强.持续更新.吐血推荐) 文章很长,建议收藏起来慢慢读!疯狂创客圈总目录语雀版 | 总目录码云版| 总目录博客园版为您奉上珍贵的学习资源 : <尼恩Java面试宝典& ...
h5在Android里文字位置偏下,【CSS】如何解决安卓上按钮文字偏上的问题
比如一个普通的按钮,要做到文字垂直居中按钮 css设置为: a { height: 30px; line-height: 30px; font-size: 14px; text-align: cen ...
ios与安卓的时间兼容问题
前言由于最近项目用到时间段的比较,在安卓上一切正常,到了苹果上就不行了- 代码在这里插入代码片//获取当前时间 ` `` const nowTime = new Date().getTime()v ...
ios和Android样式不兼容（待更新）
ios和Android样式不兼容 ::after在ios中不显示
自己总结的 iOS ,Mac 开源项目以及库,知识点------持续更新
自己在 git 上看到一个非常好的总结的东西,但是呢, fork 了几次,就是 fork 不到我的 git 上,干脆复制进去,但是,也是认真去每一个每一个去认真看了,并且也是补充了一些,感觉非常 ...
[原创]国内大公司开源的安卓有关的库（持续更新中）
安卓开发一直在用大公司的开源库,下面来整理一下与安卓开发有关的库. 一.阿里巴巴 (一)UI有关 1. 多页面切换场景统一解决方案 UltraViewPager UltraViewPager 是阿里开 ...

css在ios和安卓上的兼容问题（持续更新）

css在ios和安卓上的兼容问题（持续更新）相关推荐

最新文章

热门文章