Microsoft,Google和其他人联手提高浏览器兼容性,专注于五个区域,包括CSS FlexBox,CSS网格和CSS粘性定位

2021-03-23 19:58:57

谷歌和微软宣布他们与其他公司(如Igalia)以及更广泛的网络社区和#34加入武力和#39;提高不同Web浏览器的兼容性。叫做Compat2021的运动将认为努力侧重于从开发人员社区吸引投诉的五个主要领域。

经过一段时间的研究,努力来自于Mozilla开发人员网络(MDN)进行的调查。其他信息来源,例如CSS和JS调查的状态,CANIUSE上最多搜索的功能,以及网络平台测试的测试结果都在确定焦点面临这项努力时起作用。

对于2021年,重点将在这五个方面:CSS FlexBox,CSS网格,CSS粘性定位,CSS纵横比例和CSS变换。 CSS FlexBox是一个非常广泛的功能,但它可能会导致图像在不同的浏览器中不正确地拉伸。它被选中,因为它是2020年MDN浏览器兼容性报告中的一个顶级问题,除了在CSS报告状态下最广泛使用和已知的功能之外。目前,85%的浏览器通过了该功能的测试,它显示在Chrome上的75%的页面加载中。

列表中的另一个广泛使用的功能是CSS转换,它出现在Chrome上的80%的页面上。然而,这一个在网络平台测试中只有55%的测试率,因此可能需要更多的工作来获得同一级别的每个浏览器。上面的视频显示了Chromium,Gecko和WebKit中具有不同问题的3D变换,如David Baron所示。

其他功能占POCK LOADS的较少,但它们仍然是广泛的知名和使用根据CSS报告的状态。随着提高浏览器兼容性的努力向前移动,由于它们更稳定,这些功能的使用也应该增加。

如果你' d想跟上关于这些区域的特征兼容性的进展,你可以在这里这样做。目前,Edge和Chrome' S DEV版本在86中得分最高,Firefox每晚略微落后于83.苹果' S Safari Preview只有64分。切换到稳定的版本,Chrome和Edge得分83点,Firefox分数68和Safari得分60。