使用box-shadow代替边框的缺点

Question

我们可以使用box-shadow模仿简单的边框：box-shadow inset 0 0 0 1px black。但是，我想知道使用盒子阴影而不是边框​​是否有任何缺点（性能，兼容性......）。

我之所以要问的是，在测量元素之间的距离时，设计应用程序不会考虑外部边界 - 因此大部分内容都采用插入边框设计。这反映在Invision（我们选择的设计开发切换工具）中，因此当使用边距/填充的精确值时，这会导致设计和最终实现之间的差异。

我在网上发现了一些提示，这个盒子阴影在多年前推出时会产生性能影响，但我不确定是否仍然如此。

Answer 1

由于您要寻找的一个缺点是兼容性，因此box-shadow与包含Gmail的most e-mail clients不兼容。

因此，如果您曾设计过使用box-shadow的电子邮件，则希望电子邮件客户端将电子邮件中的CSS3属性删除，然后电子邮件就会格式错误。

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