私はウェブサイトのサイトを設計しました。訪問者のモニター解像度に合わせてサイトのページのサイズを変更できるかどうかを知りたいです。
たとえば、解像度が 1024x768 のコンピューターを使用しています。解像度を 800x600 に変更した場合、画面解像度 800x600 に合わせてサイトのサイズを変更したいと考えています。
私はウェブサイトのサイトを設計しました。訪問者のモニター解像度に合わせてサイトのページのサイズを変更できるかどうかを知りたいです。
たとえば、解像度が 1024x768 のコンピューターを使用しています。解像度を 800x600 に変更した場合、画面解像度 800x600 に合わせてサイトのサイズを変更したいと考えています。
はい、それはレスポンシブデザインと呼ばれています。特にメディアクエリを見てください。
誰もがブラウザーをフルスクリーンで使用しているわけではないため、解像度は必要ありません。ドキュメントサイズが必要です。プレーンな JavaScript でそれを取得する方法はありますが、最善の策は jquery のようなライブラリを使用することです。
しかし、あなたが望むことをする他の方法がない限り、そうしないでください。まず、CSS でパーセンテージを使用してみてください。js でサイズを設定するのは面倒です。
これは、ページに「固定」幅を設定するのではなく、「動的」幅または「流動的」幅と呼ばれます。これは通常、PHP や JavaScript ではなく、CSS で行われます。このテーマについて Google で調査してください (「動的な幅の Web ページ」を検索してください)。この記事を見つけました。
これは検索対象のキーワードです
css グリッド システム レスポンシブ/アダプティブ Web
いくつかのリンク
http://net.tutsplus.com/tutorials/design-tutorials/quick-tip-different-layouts-for-different-widths/
http://speakerdeck.com/u/nathansmith/p/960-grid-system
http://www.emblematiq.com/lab/my-adaptive-grid/
http://webdesignledger.com/resources/responsive-web-design-templates-and-frameworks