Если ваш немного странный код CSS работает во всех браузерах в Windows, будет ли он работать в Mac и Linux?

Я тестирую какой-то странно выглядящий код CSS, который я написал (в основном я использую смесь процентов и значений пикселей для ширины DIV). Хотя я не уверен, что это правильно, он отлично работает на экранах всех размеров в IE 5.5, IE 6.0 (спасибо этим парням!), IE 7.0, Firefox 3.0 и Safari 3.12 ... все в Windows XP. Нужно ли мне больше беспокоиться о тестировании кода на Mac и Linux, или он, скорее всего, будет работать на этих двух без сбоев?


Редактировать:

После нескольких месяцев работы с этой проблемой я обнаружил, что Safari и Firefox на удивление совместимы между Mac и ПК.

Есть много браузеров ...

Dan Rosenstark 28.12.2008 21:25
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
8
1
862
7
Перейти к ответу Данный вопрос помечен как решенный

Ответы 7

по моему опыту, FF3 на Mac и Win не отображает точно одинаково, но все же достаточно близко, чтобы не беспокоиться о проверке обоих.

Скорее всего, это сработает, хотя я видел случаи, когда что-то работало в FF3 для Windows, но не работало для FF3 в OS X.

Ответ принят как подходящий

will it work on Mac and Linux?

Не обязательно.

Рендеринг шрифтов - самая большая проблема при такой кроссплатформенности. Некоторые шрифты, доступные в Windows, по умолчанию не включены в другие, а OSX имеет очень тяжелую модель рендеринга шрифтов (хотя Safari в Windows должен это показывать - по крайней мере, раньше).

Общие модели боксов, отступы, поля и т. д. Должны быть стандартными.

область Mac очень сложна. разные версии операционной системы имеют разные версии сафари, так что это очень сложно, не имея кучи Mac для тестирования. Если он хорошо смотрится в Safari для Windows, скорее всего, он будет хорошо смотреться в Safari для Mac. особенно, если вас больше всего беспокоит ширина div.

В linux есть множество браузеров, и я серьезно сомневаюсь, что кто-то тестирует их все. Поскольку firefox работает в Linux, у вас есть хороший процент рынка Linux.

у вас уже есть охвачено более 95% рынка браузеров с протестированными вами браузерами.

Спасибо! Но обеспечу ли я 95% покрытия, если я тестирую только в Windows?

Dan Rosenstark 18.10.2008 22:45

это около 90% окон, но с Internet Explorer, доступным на Mac, и firefox, доступным на Mac и Linux, ваша доля увеличится примерно до 95%, как первоначально было указано в моем ответе. проверьте этот веб-сайт на наличие множества данных: markethare.hitslink.com/report.aspx?qprid=8

cowgod 18.10.2008 22:58

IE / Mac был прекращен давным-давно. Всем, кто все еще пользуется им, нужен быстрый удар в штаны. (или более новый Mac: D)

tunaranch 23.10.2008 04:46

OS X имеет множество браузеров на основе WebKit, например Safari / Shiira / iCab / OmniWeb, а также Firefox / SeaMonkey / Camino и Opera. У меня нет статистики, но я предполагаю, что она охватывает не менее 98% всех пользователей.

Результаты от Конкурс популярности Debian:

w3m            85.93%
iceweasel      60.35%
lynx           25.71%
konqueror      21.95%
links           9.23%
iceape-browser  6.69%
elinks          6.51%
links2          4.09%
dillo           2.70%
galeon          2.35%
epiphany        0.79%
w3m-el          0.75%
kazehakase      0.58%
midori          0.30%
arora           0.29%

(Это не отслеживает пользователей, использующих бесплатное программное обеспечение, отличное от [DFSG] *, такое как Mozilla Firefox и Opera.) Пользователи Linux - очень разнообразная группа; даже если вы тестируете Mozilla Firefox, Opera и Konqueror из KDE 4 в Windows, вы даже близко не охватите большую часть пользовательской базы.

При этом, если вы сузите свой фокус до браузеров с поддержкой современного CSS, вы обнаружите, что есть только несколько базовых движков: Trident (IE), Gecko (Mozilla), WebKit (Apple), KHTML (KDE) и Престо (Опера). Принимая их по отдельности:

  • Trident: используется только IE в Windows, вы его уже тестируете.
  • Gecko: используется браузером Mozilla Suite (Mozilla Navigator, SeaMonkey Navigator, IceApe Navigator, Mozilla Firefox, IceCat, IceApe, Epiphany-Gecko, Galeon, Kazehakase-Gecko). Рендеринг шрифтов, изображений и плагинов сильно различается от платформы к платформе.
  • WebKit: используется Safari / Shiira / iCab / Omniweb, Google Chrome, Epiphany-WebKit, Kazehakase-WebKit, Arora. Рендеринг должен быть полностью согласованным во всех браузерах OS X, поскольку они используют предоставленную системой библиотеку WebKit, но Safari и Google Chrome в Windows имеют очень разные механизмы рисования, а в Linux есть версии Gtk + и Qt с разным поведением.
  • KHTML: WebKit был его ответвлением, но его разработка продолжалась независимо, и поэтому существует немало расхождений. Используется в основном Konqueror. Konqueror из KDE 4 был портирован на Windows и OS X и ведет себя очень похоже; тем не менее, KHTML из KDE 4 значительно продвинулся по сравнению с KDE 3, но все еще широко используется.
  • Presto, используется в Opera 7 и выше. Согласованность на разных платформах.

Как упоминалось в другом ответе, синтаксический анализ HTML и блочная модель CSS для каждого движка не меняются на разных платформах. Только такие «мелочи», как шрифты, изображения и плагины, будут действовать по-другому.

http://browsershots.org/

Это позволит вам просматривать ваш сайт в нескольких браузерах на разных платформах (включая Linux). Однако позвольте мне подчеркнуть, что шансы на то, что ваш сайт будет выглядеть на 100% идентичным в каждом из них, практически невозможны, и иногда вам придется довольствоваться 99%.

Подумайте о своей целевой аудитории и о том, какой браузер / ОС они обычно собираются использовать. Кроме того, после того, как сайт заработает, запустите отслеживание статистики (например, Гугл Аналитика) и определите, что используется вашей аудиторией.

Я согласен, рендеринг шрифтов будет отличаться в FF3 win / mac и вызвал у меня некоторые проблемы с позиционированием.

Спасибо за ответ, Мэтт. Если вы согласны, проголосуйте за другие ответы.

Dan Rosenstark 22.04.2009 18:44

Другие вопросы по теме