Разница в стилях на разных платформах (Windows и OSX)

Question

У меня есть таблица antd в реакции, но стили для нее отличаются на разных платформах (Windows и OSX). Нижняя строка, разделяющая две строки, не совсем прямая в Windows, а прямая в OSX. Я приложил картинку, как это выглядит на компьютере с Windows.

Кто-нибудь сталкивался с подобной проблемой?

Answer 1

Вы используете один и тот же браузер на обеих платформах? И это граница ячейки?

Я думаю, вам нужно применить один и тот же CSS ко всем ячейкам, с min-width и max-width, или просто с фиксированным width.

Внимание: посмотрите на свою padding, возможно, это проблема.

Answer 2

Вы пробовали Normalize.css или reset.css для лучшей совместимости между браузерами?

Однажды я столкнулся с некоторыми проблемами в браузере Safari / Firefox, но моймакет был в порядке в хром. Итак, я использовал reset.css, чтобы избавиться от несоответствий.

index.css

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

(я опубликовал этот ответ, когда OP не указал, был липроблема сохраняется при использовании одного и того же браузера или разных браузеров на разных платформах)

PS: либо используйте reset.css, либо Normalize.css

Answer 3

Похоже, что пользовательская высота была применена к 3-му и 4-му столбцам - удаление этой высоты или установка ее в автоматический режим могут решить проблему.

Если возможно, поделитесь фрагментами css и html.