0

У меня есть вопрос: как я могу сделать кросс-браузерную совместимость с IE 10 и IE11?Как сделать кросс-браузерную совместимость с IE10 и IE11?

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

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

И теперь я не знаю, что делать. Я попытался сделать общий стиль подходящим для IE 11, а затем сделать особый стиль для всех остальных браузеров (не IE), но все же мне нужно условное утверждение. И если я пишу это:

  <!--[if !IE]><!--> 
      <link rel="stylesheet" type="text/css" href="css/not-ie.css" /> 
     <!--<![endif]--> 

IE11 все равно привяжет к этой таблице стилей CSS, применяя этот стиль. Так что я не знаю, как разделить стиль для IE от стиля для остальных.

Знаете ли вы, что лучше всего подходит для вас сейчас?

спасибо!

+0

Неужели вы не предлагаете использовать одну и ту же таблицу стилей для всех версий IE? – Boaz

+0

Извините, если не указано в вопросе! В основном для версий IE <= 9 на самом деле проблем нет, так как я все еще могу использовать условный оператор. Поэтому, если будут какие-то различия, я сделаю эксклюзивную таблицу стилей для конкретной версии IE. Главное, вот что спросили, как сделать отдельный стиль для IE 11. Спасибо, в любом случае, чтобы указать на это. – johnnyfittizio

+1

Вы не можете, разработчики IE были достаточно гениальны, чтобы решить, что IE больше не нуждается в условных операторах. Вам нужно будет использовать плагин javascript, например Modernizr –

ответ

0

Я со Spudley. Как выглядит ваше семейное значение шрифта? Вы используете MAC для проверки Chrome, а затем виртуальную машину для проверки IE? Проверьте Chrome и IE на одном компьютере. Также убедитесь, что в качестве основного шрифта вы не используете только MAC-шрифт. Также вы используете сброс CSS, который выравнивает настройки, такие как расстояние между буквами? Помните, что в каждом браузере есть базовая таблица стилей, и они не все одинаковы, поэтому сброс - это способ даже исключить правила.

+0

Таким образом, проблема заполнения может быть вызвана чем-то другим, возможно, некоторым другим javascript. В любом случае, согласно тому, что вы, ребята, говорите, ответ на мой оригинальный вопрос «Как сделать совместимость с браузером с IE10 и IE11?» в основном это «не волнуйтесь, больше не нужно этого делать» Я правильно понял? – johnnyfittizio

+0

@johnnyfittizio: там, конечно, не должно быть необходимости в нем, нет. Есть ли на самом деле необходимость в этом конкретном случае, это еще один вопрос, но я чувствую, что, вероятно, здесь есть решение, которое не требует каких-либо специфических для браузера. У меня еще не было шанса по-настоящему разобраться в вашем jsbin, хотя я не могу дать вам окончательный ответ. – Spudley

+0

Спасибо, Спейдли. Не волнуйтесь с Jsbin. В любом случае, это не вопрос. Мне удалось решить проблему с буквенным интервалом, удалив правило размера шрифта для класса (так или иначе возник конфликт). И отступы теперь кажутся прекрасными. Меня все равно интересует, как проверить, является ли браузер IE> 9 с помощью modernizr (использовать как экстремальное решение в более сложном случае, где непонятно источник конфликта). В ближайшее время я задам новый вопрос. Спасибо за помощь! – johnnyfittizio

0

Если вы используете службу PHP, вы можете использовать функцию «get_browser» PHP для определения версии и распечатать тег <link> в соответствии с полученной версией. Или в Javascript используйте что-то вроде «whobrowser» (http://whichbrowser.net/), чтобы обнаружить его, а затем используйте document.write, чтобы распечатать альтернативный тег <link> с IE-стилем.

Смежные вопросы