Как сделать кросс-браузерную совместимость с IE10 и IE11?

Question

Как сделать кросс-браузерную совместимость с IE10 и IE11?

0

У меня есть вопрос: как я могу сделать кросс-браузерную совместимость с IE 10 и 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 от стиля для остальных.

Знаете ли вы, что является лучшим способом начать сейчас?

Большое спасибо!

johnnyfittizio 05 окт. 2013, в 17:28

Источник

0

Конечно, вы не предлагаете использовать одну и ту же таблицу стилей для всех версий IE?
Boaz 27 нояб. 2013, в 09:40
0

Извините, если не указано в вопросе! В основном для версий IE <= 9 на самом деле нет проблем, так как я все еще могу использовать условное выражение. Так что, если будут некоторые различия, я сделаю таблицу стилей эксклюзивной для конкретной версии IE. Главное, о чем мы просили, это как сделать отдельный стиль для IE 11. В любом случае, спасибо, что указал на это.
FrancescoMussi 27 нояб. 2013, в 09:44
1

Вы не можете, разработчики IE были достаточно гениальны, чтобы решить, что IE больше не нуждается в условных выражениях. Вам нужно будет использовать плагин JavaScript, как Modernizr
Praxis Ashelin 27 нояб. 2013, в 10:31
0

Что именно изменилось между IE10 и IE11, что заставляет вас хотеть условную таблицу стилей? По большей части я обнаружил, что это становится все менее и менее необходимым с каждой версией браузера. Если вы укажете реальную проблему, мы сможем помочь с ней: есть довольно хорошее изменение, будет простое решение, которое не потребует от вас определения браузера или версии.
Spudley 27 нояб. 2013, в 10:45
0

У меня проблема с межбуквенным интервалом для заголовка. в Chrome мне нужно ровно 0.18em, а в IE 11 мне нужно ровно 0.10em. Тогда у меня есть различия с дополнением. Разница между IE и Chrome составляет около 40px, и она мне нужна для моих основных функций. Может быть, следующий вопрос для StackOverflow может быть, как именно определить версию IE> 9 с Modernizr, как вы думаете?
FrancescoMussi 27 нояб. 2013, в 11:01
0

Отступы должны быть практически идентичны между браузерами. Я был бы очень удивлен, если вам нужно сделать что-нибудь специфичное для браузера с отступами в эти дни. Ваш интервал между буквами звучит как проблема со шрифтом, но я не могу сказать, не увидев его в действии. Есть ли шанс демо jsfiddle, чтобы показать нам проблему?
Spudley 27 нояб. 2013, в 11:26
0

У вас есть ссылка или вы можете предоставить JSFiddle, который повторяет проблемы?
Chris Love 27 нояб. 2013, в 12:14

Показать ещё 5 комментариев

Теги:

html

internet-explorer-11

css

internet-explorer

cross-browser

2 ответа

0

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

Stefan Dunn 27 нояб. 2013, в 08:01

Ещё вопросы

Конечно, вы не предлагаете использовать одну и ту же таблицу стилей для всех версий IE?
Извините, если не указано в вопросе! В основном для версий IE <= 9 на самом деле нет проблем, так как я все еще могу использовать условное выражение. Так что, если будут некоторые различия, я сделаю таблицу стилей эксклюзивной для конкретной версии IE. Главное, о чем мы просили, это как сделать отдельный стиль для IE 11. В любом случае, спасибо, что указал на это.
Вы не можете, разработчики IE были достаточно гениальны, чтобы решить, что IE больше не нуждается в условных выражениях. Вам нужно будет использовать плагин JavaScript, как Modernizr
Что именно изменилось между IE10 и IE11, что заставляет вас хотеть условную таблицу стилей? По большей части я обнаружил, что это становится все менее и менее необходимым с каждой версией браузера. Если вы укажете реальную проблему, мы сможем помочь с ней: есть довольно хорошее изменение, будет простое решение, которое не потребует от вас определения браузера или версии.
У меня проблема с межбуквенным интервалом для заголовка. в Chrome мне нужно ровно 0.18em, а в IE 11 мне нужно ровно 0.10em. Тогда у меня есть различия с дополнением. Разница между IE и Chrome составляет около 40px, и она мне нужна для моих основных функций. Может быть, следующий вопрос для StackOverflow может быть, как именно определить версию IE> 9 с Modernizr, как вы думаете?
Отступы должны быть практически идентичны между браузерами. Я был бы очень удивлен, если вам нужно сделать что-нибудь специфичное для браузера с отступами в эти дни. Ваш интервал между буквами звучит как проблема со шрифтом, но я не могу сказать, не увидев его в действии. Есть ли шанс демо jsfiddle, чтобы показать нам проблему?
У вас есть ссылка или вы можете предоставить JSFiddle, который повторяет проблемы?

Chris Love · Accepted Answer · 2013-11-27T10-30-00.000Z

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

Таким образом, проблема заполнения может быть вызвана чем-то другим, возможно, каким-то другим javascript. В любом случае, согласно тому, что вы, ребята, говорите, ответ на мой оригинальный вопрос "Как сделать кросс-браузерную совместимость с IE10 и IE11?" в основном это «не волнуйся, больше нет необходимости делать это», я правильно понял?
@johnnyfittizio: конечно, в этом не должно быть необходимости, нет. Есть ли на самом деле такая потребность в этом конкретном случае , это другой вопрос, но мне кажется, что там, наверное, решение здесь , что не требует ничего конкретного браузера. У меня еще не было возможности по-настоящему покопаться в вашем jsbin, поэтому я не могу дать вам окончательный ответ.
Спасибо, Спадли. Не беспокойся с Jsbin. В любом случае не было вопроса. Мне удалось решить проблему с межбуквенным интервалом, удалив правило размера шрифта для класса (каким-то образом возник конфликт). И набивка сейчас в порядке. В любом случае меня интересует, как проверить, является ли браузер IE> 9 с использованием modernizr (использовать в качестве экстремального решения в более сложном случае, когда неясен источник конфликта). Я сделаю новый вопрос в ближайшее время. Спасибо за помощь!