CSS学习笔记(浏览器兼容问题)

雨点打透心脏的1/2处 2023-02-27 12:21 85阅读 0赞

渐进增强 (progressive enhancement):

针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级( graceful degradation):

一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

区别:渐进增强是向上兼容,优雅降级是向下兼容。

浏览器前缀:
在这里插入图片描述

css渐变分为以下两类:

线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向
径向渐变(Radial Gradients)- 由它们的中心定义
但是渐变色的兼容性问题很严重,在这里介绍一个线性渐变:

  1. background:-webkit-linear-gradient(渐变的起始位置, 起始颜色, 结束颜色);
  2. background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....);

发表评论

表情:
评论列表 (有 0 条评论,85人围观)

还没有评论,来说两句吧...

相关阅读

    相关 ie浏览器兼容笔记

    某某:’经理让你兼容ie浏览器’。 我的内心:’$%!%&\+~\@’。 1.html代码写法不标准。 有的html代码不够严谨,就会造成在ie浏览器下各种的问题。