1

JavaScript を使用せずに font-size をスケーリングする方法はありますか? たとえば、15 インチのラップトップで Web ページを開き、コンテナー div の幅が 400 ピクセルで、フォントが div 全体を埋めるように定義されている場合、17 インチの画面で Web サイトを開くと、div は 600 ピクセルになります。フォントを自動的に拡大縮小する方法はありますか?

本質的に、「幅：100％」をテキストに追加することはできません。私はすでに Web ページで多くのことを使用しており、しばらくすると乱雑になるため、JavaScript を使用しないほうがよいでしょう。

どんな助けでも大歓迎です。前もって感謝します。

4

3 に答える 3

2

css ファイルにメディア クエリを追加します。

@media only screen and (max-width: 800px)
{
    body
    {
        //font-size or what you want to change 
    }
}

または、外部ファイルを書き込んでインポートします。

<link rel="stylesheet" href="http://domain.tld/screen.css" type="text/css" media="MediaCssId" />
于 2012-11-13T16:26:40.827 に答える
2

そのためにメディアクエリを使用できます。ページ/コンテナの幅に応じて、それに応じてフォント サイズを設定できます。

例えば：

@media only screen and (max-device-width: 480px) {
    #container { font-size: 90%; }
}

@media only screen and (max-device-width: 600px) {
    #container { font-size: 100%; }
}
于 2012-11-13T16:24:57.373 に答える
0

みんなの助けに感謝しますが、私がやったのは、 text-align: justify を使用することだけでした。それはまさに私が望んでいたものではありませんが、テキストを伸ばすための解決策です。皆様のご協力に感謝いたします。

于 2012-11-14T11:17:42.947 に答える