0

asp.net Web アプリケーションの画面解像度の問題に直面しました。私は設計の専門家から解決策を得ました。解決策の 1 つは、すべてのテーブルと区分に 100% の幅を適用することです。その 100% 幅をすべてのテーブルと区分に適用しました。しかし、それでも私はその問題に直面しています。一部のシステム解像度では、私の Web アプリケーションはストレッチなしで非常にうまく機能します。しかし、他のいくつかの解像度では、Web アプリケーションが引き伸ばされます。その問題を修正する方法は？

4

2 に答える 2

0

これをCSSの問題として扱う（この問題はasp.netに固有のものではないため）、この問題に対処する最新の方法は、すべてのユーザーの幅（および左右の余白とパディング）を設定することです。指示に従ってパーセンテージを使用して要素を作成し、CSSメディアクエリを使用して、ブラウザのビューポートの幅に応じてこれらの要素のスタイルを変更します。

これらは、次のように（通常のスタイル宣言とともに）スタイルシートの本文に含めることができます。

@media screen and (max-width:800px){ /*rough viewport width for tablets */

/* style declarations go here, just 
 as they would in any other stylesheet, for example*/

#myDiv{ width:60%;}

}

@media screen and (max-width:480px){ /*rough viewport width for smartphones */


}

または、その解像度のスタイルを完全に別のスタイルシートに配置し、次のように条件付きでそのファイルを呼び出すことができます。

<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />
于 2012-11-16T16:13:28.163 に答える
0

Fluid 960 Gridの使用を考えたことはありますか?

これは960 Gridに基づいていますが、すべての解像度でスムーズに動作します。

CSSファイルを配置したら、メインをクラスの 1 つに設定し、divクラスの1 つをその子にcontainer適用します。grid

何かのようなもの：

 <!-- this will give a 12 piece container -->
 <div class="container_12">

    <!-- all grids used should add up to 12 -->

    <!-- I.E this 4 piece grid -->
    <div class="grid_4">some content</div>
    <!-- plus this 8 piece = 12 -->
    <div class="grid_8">some more content</div>
    <!-- then clear the grids floating -->
    <div style="clear:both;"></div>

</div>

思考の糧..

于 2012-11-16T16:00:49.217 に答える