0

作業中のサイトで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でピクセルサイズを設定します。しかし、可能であれば相対的なサイズを使用できるようにしたいと思います。どこに配置するのかわからないだけです。

4

2 に答える 2

0

font-size: 100%; であることを確認してください。メイン スタイル シートの body { } スタイルで。

ほとんどのブラウザのデフォルトのフォント サイズは 16px であると想定します。したがって、フォントを 24 ピクセルにしたい場合は、.sIFR-root CSS を font-size: 150%; と設定します。すべての sIFR テキストを相対サイズで 24px にサイズ変更します。

それでもうまくいかない場合は、Firefox の Firebug アドオンを使用して確認し、そのスタイルが別の場所で別のスタイルによってオーバーライドされている理由を確認してください。

于 2009-09-11T13:51:49.037 に答える
0

でフォント サイズを指定しない場合sIFR.replace()、sIFR はドキュメントのフォント サイズを使用します。

パーセンテージは、メインのフォント サイズをピクセル単位で指定せずに、sIFR Flash ムービー内で異なるフォント サイズを混在させたい場合に便利です。

于 2009-09-13T12:39:45.350 に答える