【问题标题】:Difference in styles across platforms (Windows and OSX)跨平台的风格差异(Windows 和 OSX)
【发布时间】:2020-03-17 02:57:05
【问题描述】:

我在 react 中有一个 antd 表,但它的样式因平台(Windows 和 OSX)而异。 分隔两行的底线在 Windows 上并不完全笔直,而在 OSX 上是笔直的。我附上了一张图片,说明它在 Windows 机器上的显示方式。

有人遇到过类似的问题吗?

【问题讨论】:

  • 您是否在两个平台上使用相同的网络浏览器?
  • @Drusto 是的,我在两个平台上都使用 chrome

标签: css reactjs windows macos antd


【解决方案1】:

看起来自定义高度已应用于第 3 列和第 4 列 - 删除该高度或将其设置为自动可能会解决问题。

如果可能,分享 css 和 html sn-p。

【讨论】:

    【解决方案2】:

    您是否在两个平台上使用相同的浏览器?它是单元格的边界吗?

    我认为您需要对所有单元格应用相同的 CSS,使用 min-widthmax-width,或者只是固定的 width

    注意:也看看你的padding,可能是问题所在。

    【讨论】:

    • 我在两个平台上使用相同的浏览器,并且我检查了在两个平台上应用的 css。他们是一样的
    【解决方案3】:

    您是否尝试过Normalize.cssreset.css 以获得更好的跨浏览器一致性?

    我曾经在 safari/firefox 浏览器中遇到一些问题,但我的布局在 chrome 中很好。所以,我使用reset.css 来消除不一致的地方。

    index.css

    @import url("./reset.css"); /* path to reset.css */
    ...
    ...
    /* rest of your code */
    
    

    (当 OP 没有说明使用相同浏览器或跨平台使用不同浏览器时问题是否仍然存在时,我发布了这个答案)

    P.S:请使用reset.cssNormalize.css

    【讨论】:

    • 试试这个
    猜你喜欢
    • 2023-03-12
    • 2013-07-19
    • 2015-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-22
    • 2016-06-05
    相关资源
    最近更新 更多