javascript - ウェブサイトの幅を標準サイズからワイドスクリーンに変更するにはどうすればよいですか？

Question

ユーザーが表示するために選択するピクセルの標準サイズを設定できることは理解していますが、「フローティング」画面調整を作成するWebサイトはいくつありますか？リーダーの画面サイズを検出し、それに合わせて調整していると思います。これはどのように行うことができますか？情報：標準のボックスサイズがあります。「より広い」ノートパソコンの画面に合わせて調整したいのですが...

Answer 1

これを行うにはいくつかの方法がありますが、最も基本的で単純なのは、幅にパーセンテージを使用することです。このようなものを使用して、ネストされた要素に相対的なパーセンテージを使用します。

body {
    width: 100%;
}

Answer 2

Dustinが示唆しているように、要素の幅を使用可能な表示に対して相対的にしたい場合は、パーセンテージを使用してCSSで幅を指定できます。要素を（中央で）「フロート」させ、表示に対する幅を維持したい場合は、次のCSSを試すことができます（myDivは、この動作を実行するIDです）。

div#myDiv {
    width:                  75%;
    margin-left:            auto;
    margin-right:           auto;
}