IOS低版本无法显示渐变色文字问题，iso不兼容渐变色文字问题

今天遇到一个兼容性问题，iso，12,13一下部分机型无法显示渐变色文字，正常手机显示如下:

ISO如下：

解决办法如下，你可以理解为兼容性问题，但是兼容性写法不一样可以解决：
如果兼容性写法无法解决，试试下面的方法，主要原因就是display:block,不要用display：flex,

.num {display: block;.rmbs {background: linear-gradient(to bottom, #ffeed1, #daba82);-webkit-background: linear-gradient(to bottom, #ffeed1, #daba82);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;background-size: contain;color: transparent;font-weight: 900;font-size: 48rpx;margin-left: 24rpx;}}

父元素子元素避免使用display：flex,我就是使用了flex属性后导致IOS部分机型无法显示

这里作为记录，希望可以帮到遇到同样问题的你，如果你也遇到类似的兼容性问题，并且解决了，欢迎在下面留言，大家一起讨论，一起避坑！

IOS低版本无法显示渐变色文字问题，iso不兼容渐变色文字问题相关推荐

java学习笔记——众筹项目练习——项目中的忘记密码（密码找回）与记住我（自动登录）功能和返回json数据低版本浏览器显示下载问题的解决、众筹系统架构重构
忘记密码(密码找回) 忘记密码(密码找回)这个功能可以说是目前所有为别人提供服务的软件系统都具备的基础功能啦!很普遍,因为总 ...
关于ios低版本在app store下载软件时由于版本低导致不能下载的解决办法
最近有人提出问题,说IOS7怎么在APP store中下载软件,好多软件都提示需要ios8及以上才可以下载,而App Store里下载又不会提供给你旧版本,难倒ios7就必须升级才能下载吗?对此本人在 ...
es6语法在ios低版本的支持性
let.const.箭头函数在ios的某些版本不支持,会引起报错参考:https://blog.csdn.net/cx091/article/details/79805369 https://can ...
Android AppCompatCheckBox在低版本上不显示问题
遇到一个问题,AppCompatCheckBox 在低版本显示不出来,但是在高版本可以显示出来.但是呢,应用的其他页面的AppCompatCheckBox 在同样的低版本手机上可以显示出来. 如下: ...
IE高版本如何设置IE低版本进行测试
安装过ie高版本之后,再安装低版本ie的时候会提示已经有新的版本存在,作为开发者来说,有时候做前端页面的时候需要兼容好几个版本,比如要兼容ie8以上.但是随着电脑系统的更新自带的ie版本也升级了 ...
如何将高版本的cad文件转换成低版本的cad文件
高版本的CAD如果直接保存,低版本的CAD就出现这样的不兼容问题而打不开.鉴于CAD工程图纸需要频繁的交流,这样十分不利于高效作图与工程图纸的沟通,但自己不想安装高版本的CAD,怎样才能快速.便捷地阅 ...
低版本360浏览器下，PDF.js部分文字显示不全的问题
在低版本360极速模式下,使用 pdf.js 看pdf文件时,除了数字和符合,其它文字都不显示. 在其它浏览器显示是正常的. 此时,可以进行如下操作打开360浏览器的设置找到实验室找到系统选项 ...
设置文字渐变颜色在IOS系统上不显示问题
设置的文字渐变颜色在IOS上不显示,如下代码设置渐变色 background: linear-gradient(180deg, #D37E98 27.68%, #FFBDD1 86.61%); ...
解决vue低版本ios，安卓手机浏览器打开H5页面空白的问题
低版ios手机ios8,ios9,安卓6以后的自带浏览器打开VUE开发的H5页面有时候会出现白屏的问题,这是因为vue 项目中es6的方法和语法在这些低版本的手机上不支持,解决办法 es6转es5 一 ...

IOS低版本无法显示渐变色文字问题，iso不兼容渐变色文字问题

这里作为记录，希望可以帮到遇到同样问题的你，如果你也遇到类似的兼容性问题，并且解决了，欢迎在下面留言，大家一起讨论，一起避坑！

IOS低版本无法显示渐变色文字问题，iso不兼容渐变色文字问题相关推荐

最新文章

热门文章