我在 react 中有一个 antd 表，但它的样式因平台（Windows 和 OSX）而异。 分隔两行的底线在 Windows 上并不完全笔直，而在 OSX 上是笔直的。我附上了一张图片，说明它在 Windows 机器上的显示方式。
有人遇到过类似的问题吗？
【问题讨论】：
标签： css reactjs windows macos antd
看起来自定义高度已应用于第 3 列和第 4 列 - 删除该高度或将其设置为自动可能会解决问题。
如果可能，分享 css 和 html sn-p。
【讨论】：
您是否在两个平台上使用相同的浏览器？它是单元格的边界吗？
我认为您需要对所有单元格应用相同的 CSS，使用 min-width 和 max-width，或者只是固定的 width。
注意：也看看你的padding，可能是问题所在。
【讨论】：
您是否尝试过Normalize.css 或reset.css 以获得更好的跨浏览器一致性？
我曾经在 safari/firefox 浏览器中遇到一些问题，但我的布局在 chrome 中很好。所以，我使用reset.css 来消除不一致的地方。
index.css
@import url("./reset.css"); /* path to reset.css */
...
...
/* rest of your code */
（当 OP 没有说明使用相同浏览器或跨平台使用不同浏览器时问题是否仍然存在时，我发布了这个答案）
P.S：请使用reset.css 或Normalize.css
【讨论】：