1

私はワードプレスのテーマを採用しています。各コンテナ div の幅に応じて、ページ全体のテキストを拡大縮小するとよいでしょう。

これまでのところ、すべての幅は % 単位ですが、w3c が言及しているように、font-size プロパティは親の font-size のみを考慮し、コンテナ div のサイズは考慮しません。

他の複数の回答が示唆しているように、javascript を使用してそれを実行し、各コンテナー div をターゲットにすることができます。テキストなどを出力する可能性のある将来のプラグインのインストールを考慮する必要があります

これを行う他の方法はありますか？

4

2 に答える 2

1

Javascriptなしではありません。CSSfont-sizeは行の高さに基づいてパーセンテージを基準にします。幅に基づくコントロールはありません。

デザインを変更することを強くお勧めします。

それを試してみたい場合は、Javascript にどれだけ習熟しているかわかりませんが、DOM ノードを反復処理し、共通の条件を探し、DIV の幅を見つけて、そのように進めることができます。

于 2012-11-23T00:57:29.113 に答える
0

考えられる解決策の 1 つは、body 要素のみをターゲットにしてその font-size を変更することです。この方法では、親の変更によりすべての font-size が適応するはずです。

このソリューションをメディアクエリと組み合わせて、最も一般的な画面サイズをターゲットにすることは完璧なはずです.

それに基づいて、以下をつなぎ合わせました（http://jsfiddle.net/8TrTU/73/）

function adaptFontSize() {
var defaultW = 100;
var defaultFontSize = 16;
var  width = parseInt($("#header").width());
var fontSize = (defaultFontSize * width)/defaultW+"px";

$("#page").css('font-size', fontSize);

// alert(width +" "+ defaultFontSize * width+ " " fontSize);
}
$(document).ready(adaptFontSize);
$(window).resize(adaptFontSize);

意見？可能な改善？

于 2012-11-23T00:57:17.340 に答える