Проверить различия CSS между OS

Question

У меня есть приложение, которое работает на нескольких компьютерах, и я разрабатываю Ubuntu с помощью Chrome.

Обычно мои макеты CSS выглядят нормально на компьютерах под управлением Windows, но я заметил, что некоторые из моих макетов будут разбиты при просмотре на компьютерах моего коллеги (вместо того, чтобы быть бок о бок с поплавками, например, перерыв на новую строку).

Как правило, удаление пары пикселей с обеих сторон позаботится о несоответствиях. Это заставило меня задуматься, есть ли способ проверить различия в отображении CSS между ОС? Как правило, есть рекомендации по дизайну кросс-браузера, но я, кажется, не помню никаких мест, которые показывают различия между ОС.

Answer 1

Скорее всего, проблемы, которые вы видите, не связаны с ОС, так как используются шрифты и точно, как они отображаются. Используя шрифты по умолчанию, «ABC» может отображать 16px в Windows, но только 15px по вашему вкусу Linux.

В общем, рекомендуется добавить немного дополнительной допуск при определении размера окна в зависимости от того, как долго (в пикселях) находится текст внутри.

Answer 2

Вам придется протестировать ваш css в разных браузерах. Вы должны установить на своем компьютере столько браузеров и периодически проверять.

Также есть инструменты, которые отображают ваш сайт в разных браузерах, и вы можете видеть моментальные снимки.

как этот: http://browsershots.org/

имеет большой список браузеров/OS для проверки.