1

ウィンドウのサイズに合わせて調整するサイトを設計しており、テキストのサイズをそのコンテナー (div) に対して相対的にする必要があります。cssでやろうかと調べたところ、できないことがわかりました。だから私は JavaScript を試していますが、私は JavaScript プログラマーではありません。だから私は必要なコードの各部分を検索し、これにコンパイルしました:

<script type="text/javascript">
    $(document).ready(function() {
        while(true) {
            document.getElementById("text").style.fontSize = $("container").height();
        }
    });
</script>

（「while」は、ユーザーがウィンドウのサイズを変更する可能性があることを考慮して、常にサイズを変更することです）

スクリプトを「head」タグに入れましたが、機能しません。スクリプトが間違っているのか、実行されていないのかわかりません。私は何を間違っていますか？また、スクリプトが狂ったように実行されるのを避けるために、スクリプトの最後に遅延を入れたいのですが、その方法がわかりません。

前もって感謝します、

ルカ

答えに感謝しますが、何も機能しません。スクリプトが実行されていないと思いますが、何が問題なのですか??? 助けてください！

4

5 に答える 5

2

http://jsfiddle.net/AyRMC/

ビューポート単位を使用できます:

.vw{
    font-size:3vw;
    color:red;
}
.vh{
    font-size:3vh;
    color:green;
}
.vmin{
    font-size:3vmin;
    color:blue;
}

まだ完全にはサポートされていませんが、IE10、Chrome、Firefox、および Safari はすべてサポートしています。

1 つの欠点 (または考えられる利点) は、少なくともクロムでは、ビューポートのサイズが変更されてもテキストが拡大縮小されないことです。

互換性: http://caniuse.com/viewport-units

于 2013-03-22T16:17:01.430 に答える
1

レスポンシブ サイトを作成している場合はdocument.documentElement.clientWidth、ウィンドウ サイズ変更ハンドラーの内部に基づいてフォント サイズを変更できます。

emまた、スケーラブルでモバイル フレンドリーなピクセルの代わりに単位を使用することもできます。

CSS3 には、新しい興味深い "root em" ユニットもあります。

CSS3 では、"root em" を表す rem ユニットなど、いくつかの新しいユニットが導入されています。これでまだ眠れない場合は、rem がどのように機能するかを見てみましょう。

em 単位は親の font-size に関連しているため、複合の問題が発生します。rem 単位は、ルート (または html) 要素に相対的です。つまり、html 要素で単一のフォント サイズを定義し、すべての rem 単位をそのパーセンテージになるように定義できます。

http://snook.ca/archives/html_and_css/font-size-with-rem

于 2013-03-22T16:10:06.687 に答える