Когда вы используете CSS-схему YUI, размеры шрифтов основаны на% вместо пикселей, потому что это дает лучший общий согласованный размер шрифта в браузерах.
Но если у вас есть элементы со шрифтомРазмеры, установленные на них, затем все вложенные в него элементы, для которых установлен размер шрифта, сбрасываются.Пример:
<div style='font-size: 108%'>
<p>This content should be 14px.<p>
<div style='font-size: 167%'>
<p>This should be 22px but instead it's 23.38px because it's nested in an element that has a font-size set</p>
<p>Some other content that is not sized how I expected it to be</p>
</div>
</div>
Теперь, очевидно, в приведенном выше примере это легко исправить, присвоив font-size элементам <p>.Пример приведен только для демонстрации принципала / проблемы.В любом случае, необходимость индивидуально стилизовать каждый элемент кажется своего рода дампом.
Так что я просто хотел посмотреть, что я что-то упустил.Система / метод полностью разрушается, если вы оберните какие-либо font-size элементы стиля с любыми другими font-size элементами стиля.Например, что произойдет, если вы хотите, чтобы весь текст на странице имел базовый размер 12 пикселей вместо 13 пикселей, что по умолчанию для YUI?Внесение этого изменения отбрасывает ВСЕ% для каждого элемента на странице.Единственным решением было бы оставить 13px в качестве базового размера и индивидуально стилизовать МНОГИЕ МНОГИЕ элементы с размером 12px.