относительный размер шрифта для или и их потомков в IE
Пробуя " Eric Meyer Reset " Я наткнулся на проблему, связанную с объявлением font-size: 100% для сброса размера шрифта всех подходящих элементов. font-size: 100% означает, что элементы должны наследовать свойство font-size своего родителя, но это не относится к и Элементы и их потомки в IE (протестировано в 6,7,8 и 9-й версиях).
Например (или этот живой пример на игровой площадке ):
// CSS:
sup,span {font-size:100%;}
// HTML:
if you try this in IE, this text will be smaller and this even more
Это похоже на еще один трюк реализации, который IE использует для веб-дизайнеров, , поскольку это не единственный сбой этих элементов. Я предполагаю, что IE применяет некоторые собственные жесткиепроводной стиль для элементов и , который делает их содержимое меньше в дополнение к тому, что они подпадают под / надстрочный индекс, но я не могу найти способ сбросить это поведение , если таковые вообще существуют.
// Пожалуйста, ответьте непосредственно на эту проблему, такие предложения, как «использовать специальную таблицу стилей UA», могут удовлетворить ваше чувство полезности, но не соответствуют теме :-) .. РЕДАКТИРОВАТЬ: Хорошо, эта просьба наконец обернулась против меня, но я хотел изложить здесь хотя бы один ответ на эту тему.
РЕДАКТИРОВАТЬ: Похоже, IE (все версии до IE9) умножает размер шрифта ] и и их потомки с некоторым переменным коэффициентом (sth между 0,6–0,8 в зависимости от размера шрифта).
Аргументация такова. следующее : когда фиксированный размер (например, font-size: 15px ) установлен для тега и всех его потомков, все они имеют размер шрифта около 10 пикселей (≅ 0,7 × 15 пикселей). Но когда вместо этого устанавливается относительный размер (например, font-size: 100% ), эффект коэффициента распространяется от элемента до его потомков - так что 1-й -уровень потомка имеет размер шрифта около 70% (≅ 0,7 × 100% его родителя), потомок 2-го уровня имеет размер шрифта около 50% (≅ 0,7 × 0,7 × 100% его предка) и так далее. Это распространение прерывается, когда используется font-size: inherit , поскольку это означает, что элемент должен иметь точно такой же размер, как и его родительский элемент - это работает для потомков элемента . , но элементу IE по-прежнему присваивается меньший размер шрифта, чем у его родительского элемента.
Теория коэффициентов :-), участвующая в IE, может быть рассмотрена на этот пример . Также сравните это с любым из «совместимых со стандартами» браузеров.