0

すべての div をパーセントでマークすると、すべてのスペースがうまく埋められます。私は2つの問題に直面しています:

a) 画像サイズ: ウィンドウのサイズが変更されたときに必要以上に大きくなったり小さくなったりしないように、画像サイズを定義するにはどうすればよいですか?

b) フォント サイズ: 解像度に基づいてフォント サイズを増減するにはどうすればよいですか? （私が直面している問題は、非常に高い解像度でテキストが判読できなくなることです）

リキッドレイアウトの作り方の良い参考書を教えてください。

4

4 に答える 4

2

ポイントb）に関しては、私見ですが、フォントのサイズがブラウザの基本設定と比較されるように、絶対的なフォントサイズではなく相対的なフォントサイズを使用することをお勧めします（あなたの問題から、ポイントまたはpx サイズ、はい?)。もちろん、見出しタグがありますが、font-size CSS 属性と % または ems でフォントのサイズを変更する機能もあります。相対サイズを使用する正当な理由が 1 つあります。高解像度モニターでは、絶対サイズのフォントが読めなくなる可能性があります (14 インチ 800x600 モニターが標準であった昔、約高解像度 21 インチ モニターのマッチボックス)。「礼儀」の問題もある

このページの font-size セクションを読んでください: http://www.w3schools.com/css/css_font.asp

実際の例が必要な場合は、コードと CSS を少し投稿してください。

于 2010-02-23T13:06:59.860 に答える
1

良い記事はこちら http://www.kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

于 2010-02-23T11:05:46.180 に答える
0

a）私はこれを使うのが大好きです

img {
    width:100%;
    max-width:400px;
}

次に、必要に応じて、古いブラウザの最大幅に対する多くのjavascript修正の1つを追加します。

于 2012-11-28T16:05:53.047 に答える