異なる解像度のhtmlウェブサイト

Question

私はフラッシュからhtml/jqueryにウェブサイトをやり直さなければならなかった。 すべてが素晴らしく見えました。私はネットブックでスクリーンの解像度がはるかに小さいサイトをテストするまでは。私が望むように、すべての要素が整列していないか、伸びなかった。またはどこにでもスクロールバーがありました。

だから、私はそれが拡大または適切にサイズを変更させるだろうどのように、

は私が比例して、すべてのサイズを変更するだろうどこかを設定することができますプロパティがありますか？

Answer 1

px/emではなく、パーセンテージ（％）で高さ/幅を使用する必要があります。 CSSファイルを変更してください。

Answer 2

私はどこにでも比例してサイズを変更することができるプロパティがありますか？

すべては？いいえ、フォントサイズはウィンドウサイズに基づいて調整されません（少なくともJSなしでは）。

スタイルシートのパーセンテージ単位を使用してほとんどのものの幅を設定できますが、それでも状況が悪化する点があります。

現在の流行語は、が異なるサイズのブラウザに異なるデザインを提供するために使用されているresponsive web designです（そのページからのリンクの品質についてはコメントできません）。

Answer 3

私はどこにでも比例してサイズを変更することができるプロパティがありますか？

いいえ、私は希望：Pは、あなたはそれliquid作るためにレイアウトをやり直すか、異なる解像度にresponsive作るためにメディアクエリを使用する必要があります。私は両方のソリューションがかなり複雑かもしれないと思います。

Answer 4

残念ながら、物事を上下にスケールする「魔法」はありません。選択：

代わりに絶対値のもののために

1. 使用相対的な幅（割合）は、ハードワイヤードのサイズ、まであなたの方法を動作し
2. 個別のCSS文書に保管してください：私はいくつかのガイドラインを考えることはできません最小解像度は、それから上に向かって作業します。サイジング作業がはるかに簡単になります。

Answer 5

Media Queryと呼ばれるプロパティは、ほとんどがResponsible Web Designでこのプロパティを使用します。ブラウザで特定のcssプロパティを変更するように指示しています（screen size）。

Responsible Web Designのためのより多くのhttp://css-tricks.com/6206-resolution-specific-stylesheets/

&のため、この記事では、主にPercentageの代わりPixelsに値を使用するかどうかを確認します。

詳細については、THISのWebサイトを参照してください。

Answer 6

問題は、REALIGNではなくRESIZEすることでした。パーセンタイルを使用すると、HTML要素がページに表示される場所のみが変更されます。サイズを変更することはありません。

Answer 7

％と％で使用すると、すべての再循環のために画面を設定できます。100％の幅をボディに、divを100％の幅にします。