Какой код CSS я использую, чтобы мой сайт отображался в разных браузерах? - PullRequest
3 голосов
/ 15 мая 2011

Я в колледже и закончил мой первый год. Я хочу продолжить веб-приложения в качестве хобби. Я создал работающее веб-приложение с MS Visual Studio 2010, но я знаю, что мне нужно сделать его совместимым с другими браузерами.

Я понимаю, что мне нужно проверить это в других браузерах и увидеть возникающие несоответствия, но как мне их исправить. Мой учитель сказал, что мне нужен код CSS для каждого браузера, но как мне это сделать?

Заранее спасибо за любую помощь

Ответы [ 5 ]

3 голосов
/ 15 мая 2011

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

2 голосов
/ 15 мая 2011

Я использую подход, чтобы написать CSS для своего сайта и протестировать его только в Google Chrome. Вы также можете использовать Firefox 4. Причина, по которой я использую эти браузеры, заключается в том, что если мой CSS в них выглядит хорошо, я уверен, что он соответствует стандартам и имеет большой шанс выглядеть хорошо, когда выходят новые браузеры.

Затем я смотрю на свой сайт в IE. Теперь, к счастью, вам больше не нужно беспокоиться о IE6. Почти все игнорируют это. Поэтому вы должны думать о своей аудитории. Как вы думаете, большинство из них будет использовать IE9 или IE8? Если вы согласны с IE9, то почти наверняка ваш сайт выглядит великолепно без каких-либо изменений, потому что это браузер, полностью соответствующий стандартам. Если вам нужна совместимость с IE8, добавьте еще одну таблицу стилей CSS и сделайте так, чтобы она отображалась только в браузере IE. Ваш тег будет выглядеть так:

<head>
    <link rel="stylesheet" type="text/css" href="your-main-style.css" />
    <!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
    <![endif]-->
</head>

Так что теперь вы можете помещать любые исправления стилей в эту таблицу стилей, не затрагивая стиль в основной таблице стилей. Держите это до абсолютного минимума, чтобы его было легко поддерживать.

В качестве отступления, если вы хотите просто повеселиться на сайте, выберите понравившийся браузер и убедитесь, что он работает в этом. Затем поместите сообщение внизу, в котором говорится, какой браузер лучше всего отображает ваш сайт.

2 голосов
/ 15 мая 2011

Мой учитель сказал, что мне нужен код CSS для каждого браузера

Он не прав, если это буквально то, что он сказал. Если вы знаете, что делаете, вы можете заставить 99% всего работать так, как вам нужно, кросс-браузер. Для IE ( проблемный браузер и обычно определение из"кросс-браузер") можно использовать условные комментарии для загрузки различных таблиц стилей, которые целевые версии IE.

Обычные вещи, на которые люди путаются:

  • поплавки
  • Позиционирование
  • Модель Box

Если у вас возникают проблемы в одном браузере (и этот браузер не IE), но он работает в другом, есть вероятность (но не всегда ), что вы где-то совершаете ошибку. Перед любыми попытками отладки всегда всегда сначала проверяйте html . Многие «проблемы CSS» на самом деле являются проблемами HTML, на которые разные браузеры реагируют по-разному.

И еще, есть сайт, который я нашел полезным в прошлом:

http://dowebsitesneedtolookexactlythesameineverybrowser.com/

1 голос
/ 15 мая 2011

Вы можете настроить таргетинг на IE с помощью условных комментариев .

. Для других браузеров вы можете использовать свойства с префиксом поставщика, чтобы явно указывать эти браузеры -moz-, -webkit- и т. Д.-Я просто использую совместимый со стандартами (x) html и, по большей части, с ним все будет в порядке.

0 голосов
/ 15 мая 2011

Попробуйте условные таблицы стилей / хаки: http://css -tricks.com / how-to-create-an-ie-only-stylesheet /

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...