0

私はウェブサイトのサイトを設計しました。訪問者のモニター解像度に合わせてサイトのページのサイズを変更できるかどうかを知りたいです。

たとえば、解像度が 1024x768 のコンピューターを使用しています。解像度を 800x600 に変更した場合、画面解像度 800x600 に合わせてサイトのサイズを変更したいと考えています。

4

4 に答える 4

2

はい、それはレスポンシブデザインと呼ばれています。特にメディアクエリを見てください。

于 2012-05-15T14:50:36.580 に答える
0

誰もがブラウザーをフルスクリーンで使用しているわけではないため、解像度は必要ありません。ドキュメントサイズが必要です。プレーンな JavaScript でそれを取得する方法はありますが、最善の策は jquery のようなライブラリを使用することです。

http://api.jquery.com/width/

しかし、あなたが望むことをする他の方法がない限り、そうしないでください。まず、CSS でパーセンテージを使用してみてください。js でサイズを設定するのは面倒です。

于 2012-05-15T14:54:49.943 に答える
0

これは、ページに「固定」幅を設定するのではなく、「動的」幅または「流動的」幅と呼ばれます。これは通常、PHP や JavaScript ではなく、CSS で行われます。このテーマについて Google で調査してください (「動的な幅の Web ページ」を検索してください)。この記事を見つけました。

于 2012-05-15T14:52:35.793 に答える
0

これは検索対象のキーワードです

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

発生器

于 2012-05-15T15:03:27.057 に答える