现代化与仅为CSS中的前缀提供回退.哪一个，为什么

Modernizr vs just providing fallbacks for prefixes within CSS... which one and why

本文关键字：回退哪一个为什么前缀 CSS 现代化更新时间：2023-09-26

试图在这里理解更大的图景。将使用 css 计算的示例。我的布局严重依赖它，并且需要某种针对旧版 android、opera 等的解决方案。

所以......试图理解哪个更可取以及为什么。

选项 1：使用 Modernizr 嗅探支持，如果不支持，则提供回退

选项 2：只需在 css 中提供回退，例如：宽度：200px;宽度： -莫兹计算（...）宽度： -webkit-calc（...）宽度：计算（...）

我想我错过了一些关于为什么 modernizr 有用的更大图景，因为在这种情况下，在我看来它是一个我可以跳过并加快页面加载的库。仅仅是因为我可能想要嗅出很多东西，所以由于问题的数量庞大，它变得有用，它会捕捉到我可能没有意识到的东西，还是我错过了其他东西？

如果可能的话，真的试图最终在所有现代浏览器（包括 opera）上获得视口单元和计算功能......并试图确切地了解 Modernizr 适合或不适合这种情况的地方。

感谢

如果你不需要使用Modernizr，你就不应该使用。

根据代码中 calc 的数量，最好加载 calc polyfill（我当然希望不是......计算不应该被使用那么多。如果是，很可能是出了问题）。

就个人而言，我不会添加 Modernizr 只是为了嗅探这个功能。实际检测非常小。我只会在您自己的代码中实现它的逻辑，基于我们使用的检测。

所以，不，你没有错过任何东西。检测许多东西很有用，但如果它只是一个功能，并且这个功能检测起来不是很复杂，那么就没有理由添加它。