作業中のサイトでsIFRテキストのインスタンスをいくつかスタイリングしようとしていますが、スタイリングのドキュメントで推奨されている手法がよくわかりません。
「.sIFR-rootクラスに指定してpx単位を指定すると、sIFRがFlashムービーのレンダリングに使用する実際のフォントサイズが決まります」と書かれていますが、テキストがスケーリングできなくなるため、これを行わないように警告します。 。
次に、「他のセレクターに指定する場合は、%単位を使用して、メインのフォントサイズを基準にしたフォントサイズを作成します」と表示されますが、そこで参照されている「他のセレクター」がわかりません。sifr-config.jsファイルでスタイルを指定する必要があると書かれていますが、そのファイルで独自のCSSを入力できる場所は.sIFR-rootクラスだけです。sIFRの各インスタンスを呼び出すコードは次のとおりです。
sIFR.replace(inkburrow, {
セレクター:'#sidebar h3'、css:'.sIFR-root {background-color:#F7F8F2; 色:#222222; フォントサイズ:24px; }'});
(この場合、特定のフォント、色などは私が使用しているものです)。したがって、.sIFR-rootクラス以外の場所に、相対的なフォントサイズを配置してほしいかどうかはわかりません。ピクセル以外の単位を.sIFR-rootクラスに入れても機能しません-試してみました。また、サイトの通常のスタイルシートで置き換えられるセレクター(この場合は#sidebar h3)に任意の種類のフォントスタイルを指定しても効果はありません。これも試してみてください。
ご覧のとおり、現在、私は彼らが警告した方法でそれを行っています:.sIFR-rootでピクセルサイズを設定します。しかし、可能であれば相対的なサイズを使用できるようにしたいと思います。どこに配置するのかわからないだけです。