1

私のウェブサイトに機能を提供して、ユーザーがいくつかのもの (+ や - 画像など) をクリックしてフォント サイズを増減できるようにしたいと考えています。しかし、私も欲しい：

  • フォント サイズを大きくしたときに Web サイトのレイアウトが乱れないようにする
  • 私のマシンでシナリオをテストして、上記の点を確認してください

私が望むのは、ブラウザのフォント サイズやマシンのフォント サイズに依存しないソリューションだと思います。そうしないと、結果をテストして制御する方法がありません。

私のWebアプリケーションでは、フォントサイズをハードコーディングしていませんが、どこかで幅= 50pxのようにテキストボックスの長さを指定しましたが、これを変更する必要があると思います..どの単位を使用すればよいですか?

テーマを使用して、ラベルとテキスト ボックスのフォント サイズを小さい、小さい、大きいなどに定義することを考えています。うまくいくかどうかわかりませんか?

更新:別のフォーラムでも質問しました: http://forums.asp.net/t/1453926.aspx

基本的に、すべての回答から、2つのアプローチがあることがわかりました。

  1. em と body のフォント サイズを使用します: body { font-size: 62.5%; } p { フォントサイズ: 1.2em; }

フォントサイズを増減する必要がある場合は、本文のフォントサイズのパーセンテージを増減するだけです

  1. 絶対フォント サイズを使用する: css は xx-small から xx-large までの範囲 (7) のフォント サイズを定義するため、css で font-size: small を定義できます。

これらのフォント サイズに関する良い記事を http://meyerweb.com/eric/articles/webrev/199908a.htmlで見つけました。

ただし、これら 2 つのオプションのいずれも、私が探していたものではありません。本当の意味で絶対サイズを設定することを探していたので、font-size:large を設定してからブラウザのサイズを大きくしても、フォント サイズは同じままである必要があります。ブラウザのフォントサイズ。何か助けて????

4

4 に答える 4

1

これを行うにはjQueryを使用します。この質問はまったく同じではありませんでしたが、強調表示された回答は、達成したいものに非常に近いものです。

ユーザーが Web ページのフォント サイズを変更できるようにする

これも非常に優れています: http://webrocket.ulmb.com/ability、デモは少しズボンです

于 2009-07-31T20:41:09.113 に答える
1

これが望ましい機能であるかどうかを確認するために、いくつかのアンケートを調べることをお勧めします。私が知っているほとんどの人は、Web ブラウザーの組み込み機能を使用してフォント サイズを操作します。さまざまなサイトでの私自身のテストと開発を通じて、ほとんどのクライアントは Web サイトのフォント サイズ コントロールを無視します。長期的には時間を節約できるかもしれません:)

これを実際に実装する場合、最大の関心事は、フォント サイズがバランスよく増加されていること、およびレイアウトと CSS のデザイン パターンが「流動的」で「拡張可能」であることを確認することです。サイトのデザインが固定幅のレイアウトである場合、コンテンツが収まらないという問題が発生する可能性があり、達成しようとしていることにかなりがっかりする可能性があるため、これは実際には難しいことです.

そうでない場合は、要素とそのフォントサイズのバランスを維持するようにしてください。ただし、個人的には、フォントの変更は Web ブラウザーに任せます。ほとんどのブラウザーは、独自にレイアウトを操作するのに非常に優れています。

于 2009-08-01T02:20:14.827 に答える
0

あなたは解決策に非常に近づいています。今このスレッドに返信するには遅すぎることはわかっていますが、この質問に出くわしたユーザーにとっては役立つかもしれません

Jqueryセレクターを使用すると、cssを使用してフォントサイズを簡単に変更できます。

function font_resize(act)
{
    if(act=='small')
    {
        $("body").css("font-size","10px");          
        $("#footer").css("font-size","9px");

    }
    else if(act=='mid')
    {
        $("body").css("font-size","12px");
        $("#footer").css("font-size","11px");

    }
    else if(act=='large')
    {
        $("body").css("font-size","15px");
        $("#footer").css("font-size","14px");

    }
}
于 2013-11-15T05:35:53.240 に答える
-1

jQuery、jQuery を使用した簡単なテキスト リサイザーを参照してください。

于 2009-08-01T02:12:30.157 に答える