Я пытаюсь стилизовать пару экземпляров текста SIFR на сайте, над которым я работаю, и я не совсем понимаю технику, рекомендованную в документации по стилю .
В нем говорится, что: «Когда указано для корневого класса .sIFR и задана единица px, это определяет фактический размер шрифта, который sIFR использует для рендеринга Flash-ролика», но затем предупреждает вас об этом, поскольку текст не масштабируется.
Затем говорится, что «Когда указано для других селекторов, используйте единицу%, чтобы сделать размер шрифта относительно размера основного шрифта», но я не знаю, на какие «другие селекторы» они ссылаются там. В нем говорится, что стиль должен быть указан в файле sifr-config.js, но единственное место в этом файле, где я могу увидеть, где вы можете ввести свой собственный CSS, это класс .sIFR-root. Вот код, который вызывает каждый экземпляр sIFR:
sIFR.replace(inkburrow, {
селектор: '#sidebar h3',
css: '.sIFR-root {background-color: # F7F8F2; цвет: # 222222; размер шрифта: 24 пикселя; }»
});
(в данном случае я использую определенный шрифт, цвета и т. Д.). Поэтому я не уверен, где, кроме как в классе .sIFR-root, они хотят, чтобы вы указали относительный размер шрифта. Помещение любого модуля, кроме пикселей, в класс .sIFR-root не работает - я попробовал это. И предоставление какого-либо стиля шрифта заменяемому селектору (в данном случае #sidebar h3) в обычной таблице стилей сайта не имеет никакого эффекта - попробовал это тоже.
Как видите, в настоящее время я делаю это так, как они предупреждали: установка размера px в .sIFR-root. Но я бы предпочел использовать относительный размер, если это возможно - я просто не могу понять, где я должен его поместить!