html - 画面に合わせてウェブサイトを取得する必要があります

Question

幅1600pxの固定レイアウトでウェブサイトを作成しましたが、解像度が小さいウェブページは大きすぎます。すべての解像度で見栄えを良くするために何をすべきですか？

手伝ってくれてありがとう

Answer 1

のような相対的な測定値を使用しwidth: 100%ます。min-widthとを使用すると、これをさらに制限できますmax-width。

それとは別にCSS media queries、最小幅や最大幅など、特定の条件が満たされた場合にのみ適用されるスタイルを作成するために使用できます。これを使用すると、たとえば、小さなデバイスでパーツを非表示にしたり、小さなデバイスで2列から1列のテキスト表示に変更したりすることで、Webサイトの全体的なルックアンドフィールを変更できます。

Answer 2

パーセンテージベースの幅は、画面サイズに応じて幅を変更しますがmin-width、ページが薄くなりすぎてコンテンツが台無しにならないようにするためにも使用する必要があります。

Answer 3

あなたのオプション：

• 狭い固定幅を使用してください。1,000ピクセル未満にとどまるのは、完璧ではありませんが、かなり安全です。
• 代わりにページ幅にパーセンテージを使用してください。ただし、子要素を正しく表示するために幅を設定する必要がある場合、これは困難です。
• 上記を組み合わせて、CSSでメディアクエリを使用して、サイトをレスポンシブにします。指定したすべての画面幅に適合し、各トリガーポイントでレイアウトを完全に制御できます。

これはレスポンシブサイトについて学ぶための優れたリソースです。これは最新のWebサイトを構築する方法であるため、混乱を招くように思われるかもしれませんが、1分ごとに費やす価値があります。

http://bradfrost.github.com/this-is-sensitive/resources.html

幸運を。