IE странная разница CSS по сравнению с FF и хромом в размере шрифта

Question

IE странная разница CSS по сравнению с FF и хромом в размере шрифта

0

Пожалуйста, взгляните на следующую страницу:

В firefox все делается ОК. Но в IE, хотя normalize.css используется, а также свойства совместимости добавлены, все еще отстой. Проблема IE в основном связана с размером шрифта. Я использовал собственный шрифт, но его IE-версия также включена. Теперь, что заставляет IE в приведенной выше ссылке показывать заголовки разделов с более крупными шрифтами, чем FF. Вот моментальный снимок в IE и Firefox: (вы видите, что верхняя часть изображения, отображающая рендеринг IE размера шрифта, больше, чем его копия FF. Вы также можете увидеть свою живую версию по ссылке выше)

Проблема существует в IE8

Mostafa Talebi 02 дек. 2013, в 13:32

Источник

0

Я проверил вашу ссылку в Firefox и т. Е. И они оба одинакового размера. Я использую ie10 и Firefox 25.0.1.0. Убедитесь, что вы обновляете CSS с помощью обоих браузеров. Ваши браузеры могут использовать кэшированную версию
heymega 02 дек. 2013, в 12:26
0

Я имею в виду ie8, ie10 имеет много современных функций ...
Mostafa Talebi 02 дек. 2013, в 12:31
0

Рассматривали ли вы просмотр селекторов ie8 css? Это позволит вам использовать определенные стили CSS только для ie8.
heymega 02 дек. 2013, в 12:43

Показать ещё 1 комментарий

Теги:

html

css

internet-explorer

2 ответа

Ещё вопросы

Я проверил вашу ссылку в Firefox и т. Е. И они оба одинакового размера. Я использую ie10 и Firefox 25.0.1.0. Убедитесь, что вы обновляете CSS с помощью обоих браузеров. Ваши браузеры могут использовать кэшированную версию
Я имею в виду ie8, ie10 имеет много современных функций ...
Рассматривали ли вы просмотр селекторов ie8 css? Это позволит вам использовать определенные стили CSS только для ie8.

Chalist · Answer 1 · 2013-12-02T10-27-00.000Z

установлен для .cats-bottom:

position: relative;

и для .section-title-blue:

position: absolute;
right: 20%;

смотрите здесь: http://jsfiddle.net/tseN6/

Можете ли вы объяснить, что вы предложили? Спасибо
когда вы устанавливаете относительный для div и абсолютный для этого ребенка, дочерняя позиция связана с родителем. Это стандартный способ.

Ashkan Mobayen Khiabani · Answer 2 · 2013-12-02T10-13-00.000Z

Уважаемые Мостафы округлые углы с использованием css работает в IE9+. если вы хотите иметь закругленное угловое изображение, вы должны сделать изображение самоугольным.

если переменная размера фона вы можете просто сделать круглые угловые изображения и использовать их так:

<div>
   <table border="0">
      <tr>
      <td></td>
      <td>دسته های سایت</td>
      <td></td>
      </tr>
      <tr>
      <td><img src="left-corner.png"></td>
      <td></td>
      <td><img src="right-corner.png"></td>
      </tr>
   </table> 
</div>

Я знаю, что моя проблема связана с размером шрифта, и я вполне нашел проблему
хорошо, если это связано с размером шрифта, дайте вашему классу фиксированный размер font-size:16px; например font-size:16px;