html - 使用 box-shadow 而不是 border 的缺点

Question

我们可以用 box-shadow 模拟简单的边框:box-shadow inset 0 0 0 1px black。但是，我想知道使用框阴影代替边框是否有任何缺点(性能、兼容性等)。

我问的原因是，设计应用程序在测量元素之间的距离时不会考虑外部边界 - 所以大多数东西都是用内嵌边界设计的。这反射(reflect)在 Invision(我们选择的设计开发切换工具)中，因此当使用精确的边距/填充值时，这会导致设计和最终实现之间存在差异。

我在网上找到了一些提示，box-shadow 在几年前引入时对性能有影响，但我不确定现在是否仍然如此。

Answer 1

由于您正在寻找的缺点之一是兼容性，因此已知 box-shadow 与 most e-mail clients 不兼容。包括 Gmail。

因此，如果您曾经设计过使用 box-shadow 的电子邮件，则期望电子邮件客户端从您的电子邮件中删除 CSS3 属性，并且电子邮件将是然后畸形。

另一方面，border 在任何地方都得到很好的支持，因此您无需担心电子邮件的外观。