当使用现代JS和CSS框架时，我如何处理浏览器兼容性？

Question

我正在使用最新版本的角(版本5)和引导带(4)进行一个项目。

经过几个星期的开发，一些特性开始对Safari产生影响。我甚至不确定所有的功能是否仍如预期的那样在IE中工作。

作为一个现代的前端开发人员，使用最新的javascript和css框架，显然不支持旧浏览器。

引导程序支持所有主要浏览器和平台的最新、稳定的版本。在Windows上，我们支持Internet 10-11 / Microsoft。

我应该关心浏览器的兼容性吗？

如果我必须关心，我应该做些什么来纠正这些错误？

我正在寻找建议作出更好的决定。

Answer 1

这取决于你的观众/项目。你关心使用IE6+的人吗？您是否关心您的网站是否100%相同，取决于平台？

在这一领域，人们通常会说，重要的是，你的网站是相同的所有桌面浏览器，你应该首先开发移动。

然而，我真的很喜欢本文讨论CSS网格，Rand说我们不应该关心网站是否不同。当谈到CSS的现代布局系统CSS时，他说如果浏览器不支持它，他只会退回到移动布局。

你应该关心浏览器的兼容性吗？是的，已经灭绝了，但你不必滥用它。反应性/角度不会破坏兼容性，但是你在里面写的HTML/CSS/JS可以。

Answer 2

至于Internet，您可以使用多文件。只需转到src文件夹中的polyfills.ts。

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
// import 'core-js/es6/symbol';
// import 'core-js/es6/object';
// import 'core-js/es6/function';
// import 'core-js/es6/parse-int';
// import 'core-js/es6/parse-float';
// import 'core-js/es6/number';

对于css的不同，我推荐使用scss，它为所有浏览器添加了可竞争的样式。

Answer 3

不，你需要。甚至在现代浏览器之间也存在细微差别。请参阅Safari、Firefox和Edge对Chrome浏览器(溢出-y)滚动的不同行为

但这很容易。使用像Sass这样的CSS编译器可以解决浏览器之间几乎所有可能的不一致问题。