国外浏览器4天王合作解决兼容性问题

15个关键领域。

1.层叠图层。

级联层为Web开发人员提供了对级联的控制。它们提供了一种将选择器分成层的方法，每个选择器都有自己的特殊性。这意味着开发人员不需要自己安排选择器，也不需要创建高度具体的选择器来覆盖基本的CSS规则。

2.颜色空间和CSS颜色函数。

为了在设计系统中使用颜色函数，开发者需要依靠Sass、PostCSS或HSL值中的Calc()。CSS中颜色函数的存在意味着颜色可以动态更新，而新的颜色空间消除了SRGB色域和HSL感知的限制。

两个函数定义在CSS色级5中，可以在网络平台上实现更多的动态主题设计。

color-mix()。获取两种颜色，并返回它们在指定的颜色空间中混合的结果。

color-contrast()。从颜色列表中选择与指定的单一颜色对比最大的颜色。

除HSL和SRGB外，这些函数支持扩展的颜色空间(LAB、LCHEP3)，默认为统一的LCH颜色空间。

3.新的视口单位。

在2020MDN浏览器兼容性报告和新的2021CSS状态调查中，处理视口尺寸的困难非常突出。CSS值和单位级别4增加了最大、最小和动态视口尺寸的新单位，即LV*、SV*和DV*。这些单位将更容易创建移动设备上可见视口的布局，并考虑地址栏。此外，Interop2022背后的跨制造商团队将合作研究和改进包括现有VH单元在内的现有视口测量功能的交换性。

4.滚动

2021年滚动调查报告证实，滚动功能和滚动兼容性难以实现，需要改进的地方很多。他们将专注于滚动快照、滚动行为和过度滚动行为，以帮助滚动在每个平台上更加一致和平稳。我们还在探索新的滚动捕捉功能建议。

5.子网格

grid-template-columns和grid-template-rowssubgrid值意味着应用display：grid的网格项目可以从其父亲网格的部分继承轨道定义。

例如，以下三个卡组件的页眉和页脚与相邻的页眉和页脚对齐，尽管每张卡都有一个独立的网格。这种模式有效的原因是每张卡都是一个跨越父亲网格的三行项目，然后使用subgrid将这些行继承到卡中。

6.其他领域。

CSS内涵(包括属性)

元素

表格控件

排版和编码：包括font-variant-alternates、font-variant-position、ic单位和中日韩文本编码。

WebCompat关注浏览器之间的差异，导致网站兼容性问题，影响终端用户。

通过Compat2021项目，在以下领域取得了很大进展，但仍有改进的余地。因此，它们已被纳入Interop2022，以解决其他问题。

三项调查工作。

除nterop2022除terop2022还包括三项调查工作。这些领域存在问题，需要改进，但目前的规范或测试状态不够好，不能使用测试结果来评分进度。

衡量成功和跟踪进展。

现有的网络平台测试仪表板将用于跟踪15个关键领域的进展。每个领域都确定了一套测试。然后根据这些测试对浏览器进行评分，并在所有15个领域进行总分。

测试仪器测量浏览器在各种基准上的性能。关于浏览器的稳定版本，分数看起来有点可怕。Chrome和Edge得61分(满分100分)；Firefox得69分；Safari得50分。但是浏览器版本的各种实验版本或预览版本的结果要好得多。

这一切对Web开发者意味着什么？

浏览器提供商多年来一直在努力解决网络开发者多年来开发的不便。本质上。他们的目标是使网络平台更可用、更可靠，使网络开发者能够花更多的时间创建更好的网络体验学生，而不是像以前那样关注浏览器不交换的问题。