Кросс-браузерная отладка между Firefox и Safari (или Chrome) - PullRequest
Новая
       51

Кросс-браузерная отладка между Firefox и Safari (или Chrome)

2 голосов
/ 21 сентября 2010

Я заметил, что Safari и Chrome ведут себя одинаково, когда дело доходит до HTML и CSS. Однако существуют различия между Firefox и Safari (и, следовательно, Chrome).

Иногда в Firefox все может выглядеть отлично, но CSS ведет себя неправильно в Safari и Chrome. Причину неправильного поведения можно отнести к «чему-либо» (в отличие от IE 6 и 7, неправильное поведение обычно вызывается чрезмерными отступами / полями, которые приводят к тому, что элементы выходят из позиции). Например, при отладке CSS веб-сайта для Safari следующие атрибуты вызвали кросс-браузерную ошибку:

  • положение
  • высота
  • ширина * * 1 010
  • 1012 * обивка *
  • запас

Существует ли общая схема отладки CSS в Chrome и Safari?

Можете ли вы, ребята, дать представление о различиях между Safari и Firefox, которые могут помочь мне в кросс-браузерной отладке? Спасибо

Ответы [ 3 ]

0 голосов
/ 21 сентября 2010

Как правило, и анекдотично, большинство больших различий между кросс-браузерным рендерингом одной и той же страницы обусловлено:

  • недействительный (x) html, используйте онлайновый валидатор html из W3 , чтобы обеспечить достоверность разметки.
  • отсутствие установления базовой линии для CSS (как @ Jeroen предлагает: использовать сброс css).
  • использование CSS, которое варьируется в зависимости от браузера для браузера, в частности, более новый CSS 3 (transitions, column-count и box-reflect 1 особенно, хотя их много, много других).
<ч />
  1. Это может быть, а может и не быть, предложение о включении в CSS3 Консорциумом World Wide Web, единственные ссылки, которые я нашел для него, исключительно с префиксом -webkit vendor, который предполагает, что он вероятно проприетарное расширение. Однако я могу надеяться, что другие последуют его примеру. Намного проще применять отражения с помощью css, чем с помощью js / php ...
0 голосов
/ 18 ноября 2015

Эта разница css заключается в том, что для браузеров Firefox и Chrome существует разница в стилях по умолчанию. нажмите на эту ссылку для стандартных листов CSS

http://hg.mozilla.org/mozilla-central/file/tip/layout/style/html.css http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css

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

После разработки и в состоянии отладки нам нужно переопределить стили по умолчанию. Я не думаю, что у нас есть какая-либо общая отладка для этого. поправьте меня, если я ошибаюсь.

0 голосов
/ 21 сентября 2010

Я заметил различия, но не такие существенные.Как обычно, большинство различий можно легко преодолеть / избежать с помощью css-reset.Используете ли вы один на страницах, о которых говорите?

...