消除网络上的五大兼容性痛点

Robert Nyman 和 Philip Jägenstedt:

Google 正在与其他浏览器供应商和行业合作伙伴合作，修复 Web 开发人员面临的五大浏览器兼容性痛点。重点关注的领域包括 CSS Flexbox、CSS Grid、position: sticky、aspect-ratio 和 CSS 变换。

[…] 2021 年的目标是消除五个关键重点领域的浏览器兼容性问题，以便开发人员可以自信地将它们作为可靠的基础进行构建。

我想说慢拍，但我不想听起来讽刺。来个热烈的鼓掌。

十到十五年前，Web 设计师和开发人员的工作很大一部分是思考、计划和处理跨浏览器兼容性。如今，它仍然存在，但它不再是处理 bug、怪癖和令人沮丧的实现差异，就像当时那样。它更多的是边缘情况，并且有更明显的解决方法。当我们考虑浏览器和设备环境时，我们是从满足用户需求并拥抱该环境的角度出发。无论如何，我们都在尽力而为。

如果相关人员能够不断解决兼容性问题，这将进一步巩固 Web 作为构建的正确场所的地位。

我投票支持在 2022 年对可靠的视口单位进行适当的尝试，以某种方式合理地处理滚动条和其他浏览器 chrome。

直接链接 →

# 2021年4月23日

很高兴看到辅助技术实施方面也能出现类似的情况。

Job Gondwe

# 2021年4月25日

这对 PWA 开发人员来说实际上是一个相当不错的消息，因为 Web 正在不断地夺回自己的力量。

Brandon McConnell

# 2021年4月25日

这将是朝着正确方向迈出的一大步。过去几年来，我遇到的 CSS 主要痛点之一是某些浏览器（如 Safari）完全阻止了离散（与连续）属性的动画样式，这些属性不被认为是可动画的，例如 display、visibility，甚至 content 属性。一些浏览器（如 Chrome）仍然允许对这些属性进行动画处理，并忽略它们不能流畅动画处理的问题，但其他浏览器（如 Safari）似乎几乎完全忽略了与这些属性相关的任何动画样式。一个典型的例子是我几年前创建的这个模仿 typed.js 功能的纯 SCSS 代码：https://cdpn.io/e/bZqGdw

Brandon McConnell

# 2021年4月25日

这个最小的示例理论上应该可以在所有浏览器中工作

body::after {
    animation: text 5s linear 0s infinite alternate;
    content: "test"
}
@keyframes text {
    from { content: "Hello" }
    to { content: 'World'}
}

Valentin Born

# 2021年4月28日

可靠的视口单位 […] 合理地处理滚动条

就是这样！我很难想到 100vw 应该包含（置换/非覆盖）滚动条的用例。

此评论线程已关闭。如果您有重要信息需要分享，请联系我们。