Css 不同平台(Windows和OSX)的样式差异
我在react中有一个antd表,但它的样式在不同平台(Windows和OSX)上有所不同。 分隔两行的底线在Windows上不是完全笔直的,而在OSX上却是笔直的。我附上了一张它在Windows机器上的显示图片Css 不同平台(Windows和OSX)的样式差异,css,reactjs,windows,macos,antd,Css,Reactjs,Windows,Macos,Antd,我在react中有一个antd表,但它的样式在不同平台(Windows和OSX)上有所不同。 分隔两行的底线在Windows上不是完全笔直的,而在OSX上却是笔直的。我附上了一张它在Windows机器上的显示图片 有人遇到过类似的问题吗?看起来第三列和第四列应用了自定义高度-删除该高度或将其设置为“自动”可能会解决此问题 如果可能,请共享css和html代码片段。您在这两种平台上使用的浏览器是否相同?这是一个细胞的边界吗 我认为您需要对所有单元格应用相同的CSS,使用最小宽度和最大宽度,或者只
有人遇到过类似的问题吗?看起来第三列和第四列应用了自定义高度-删除该高度或将其设置为“自动”可能会解决此问题
如果可能,请共享css和html代码片段。您在这两种平台上使用的浏览器是否相同?这是一个细胞的边界吗 我认为您需要对所有单元格应用相同的CSS,使用
最小宽度
和最大宽度
,或者只使用固定的宽度
注意:也看看你的填充,这可能是问题所在。你是否尝试过或为了更好的跨浏览器一致性
我曾经在safari/firefox浏览器中遇到过一些问题,但我在chrome中的布局很好。因此,我使用了reset.css
来消除不一致性
index.css
@import url("./reset.css"); /* path to reset.css */
...
...
/* rest of your code */
(当OP没有说明在跨平台使用相同浏览器或不同浏览器时问题是否仍然存在时,我发布了此答案)
附言:使用reset.css
或Normalize.css
两个平台使用相同的web浏览器吗?@Drusto是的,我在两个平台上使用chrome。我在两个平台上使用相同的浏览器,我已经检查了两个平台上应用的css。他们是一样的我来试试