Есть ли разница между Chrome на Mac и Chrome на Windows?

Question

Я изучаю CSS3 и HTML5 и пытаюсь разработать простую домашнюю страницу.Поскольку в моем доме только интерфейс Mac, поэтому я не могу проверить какие-либо различия в окнах.

Но однажды один из моих знакомых сказал мне, что между браузерами есть различие в пикселях, которое я не зналсовсем.Затем я проверил свою страницу, и она показалась неправильной.

Несмотря на то, что это было то же разрешение, что и я, Chrome на Mac показывал мне правильное положение нескольких кнопок, а Chrome на Windows - нет.

Их положение было совершенно другим и разрушило дизайн.Как я могу решить эту проблему?или это нормально?

спасибо.

Answer 1

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

Существует несколько инструментов, которые пытаются помочь вам с этой задачей, например Кросс-браузерное тестирование .Или вы можете вручную проверить его, установив браузеры на вашем компьютере.Также часто используют виртуальные машины для тестирования вашего сайта на других платформах. VMware популярен.

Использование кросс-браузерных библиотек также может помочь в этом.Например, jQuery , который очень популярен.На этой странице перечислены дополнительные сведения по этому вопросу в целом.

Answer 2

Разница не в Chrome, но разница в Mac и Windows. Здесь вы можете обнаружить userAgent и добавить соответствующий class к тегу body (с помощью jQuery):

jQuery(document).ready(function(){
 if(navigator.userAgent.indexOf('Mac') > 0){
  jQuery('body').addClass('mac-os');
 } else {
  jQuery("body").addClass("pc");
 }
});

После обнаружения userAgent вы можете написать css специально для Mac и Window и их браузеров.

Answer 3

В 2018 году Chrome и Firefox ведут себя по-разному в зависимости от операционной системы.Я недавно создал сайт, и в последних версиях Chrome и Firefox одна страница отображалась нормально в Windows, тогда как в macOS и Ubuntu у нее был небольшой сбой.Элементы, которые должны быть встроенными, отображались горизонтально в определенных состояниях.