asp.netで1つのWebアプリケーションを作成しました。私のコンピューターの解像度では、ストレッチなしで正常に動作します。しかし、他のいくつかのモニター解像度は、私のWebアプリケーションが拡張しました。その画面解像度の問題を解決するにはどうすればよいですか?
4 に答える
解像度の問題は、さまざまなブラウザでも発生します。画面の幅を1024 x 768に調整し、コンテンツに中央揃えを適用する1つの方法があります。もう1つの方法は、パーセンテージで100%に調整できるため、解像度に応じて縮小および拡張できます。サイトの最低解像度として1024x768の解像度を使用する場合、800x600の解像度は考慮されません。
Visual StudioにASP.NETを含むHTMLページの「グリッドモード」があった2003年からのタイムトラベラーでない限り、これはASP.NETとは何の関係もありません。
...私たちはもうそれらの時代について話しません:)
それはHTML+CSSのものです。柔軟なレイアウトのために覚えておくべき重要なことは次のとおりです。
- テキストのブロックを
em
単位と同じサイズにして、一定になるようにします。テキストの長い実行は、非常に狭い列と同様に、非常に読みにくくなります。20em
私はテキストの間とテキストのために提案30em
します。 - 美観に応じて、レイアウト要素(バナー、ヘッダーなど)は、ビューポート幅のパーセンテージまたは固定幅としてサイズ設定できます。どちらも有効です。
max-width
また、要素のボックスのサイズの境界を使用して指定することもできるmin-width
ため、単一のサイトデザインをスマートフォンサイズの画面から超巨大な2560x1400ディスプレイに拡張できます。 - デザインの経験が非常に限られている場合:冒険しないでください。これは、人々が野心的になりすぎたときに災害が発生する方法です(たとえば、すべてのコンテンツがAJAXでロードされるサイト、またはアニメーションGIFとバックグラウンドMIDIトラックが再生される1990年代後半のGeocitiesサイト)。
...そしてそれは、設計理論の観点から本当に言われる必要があるすべてです。CSSでのデザインの実装についてサポートが必要な場合は、他の人が回答に投稿したリンクを確認することをお勧めします。
たぶん、Twitterのブートストラップツール( http://twitter.github.com/bootstrap/ )を使ってみるべきでしょう。これは、流動的なレイアウトを簡単に作成できるCSSルールの優れたセットです。
IE用のRESPOND.JSを使用してCSS3メディアクエリを使用する
参照
http://coding.smashingmagazine.com/2011/08/10/techniques-for-gracefully-degrading-media-queries/