1

マスターページとコンテンツページを持つWeb サイトをレスポンシブにしています。

テキストボックス、チェックボックス、ボタンなどの基本的なasp.netコントロールを含むページでうまく機能します。

ただし、グリッド ビューが制限されているページには適用されません。

マスター ページとすべての aspx ページに追加した以下のコードは次のとおりです。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="HandheldFriendly" content="true">

以下は、スタイルシートに追加したコードです。

#main { width: auto; margin: auto;}

以下は、応答性を示さないデータ グリッドのスナップショットです。

ブラウザ ウィンドウをスケーリングする前に:

ブラウザ ウィンドウをスケーリングする前に

ブラウザ ウィンドウのスケーリング後: ブラウザ ウィンドウのスケーリング後

さらに変更を加える必要がありますか、それともスタイルシートを追加する必要がありますか?

ありがとうございました。

4

2 に答える 2

1

gridview テーブル自体が狭い画面でうまく機能するようにするために、どのような手順を踏んだのだろうか?

次の 2 つのリンクが役立つかどうかを確認してください:
gridview
jQuery レスポンシブ テーブル プラグインにレスポンシブ動作を追加する方法

幸運を！

于 2013-03-05T12:26:21.640 に答える
0

これを試して

#main 
{ 
 width: 960px; 
 margin:0 auto;
 overflow:auto;
}
于 2013-03-04T07:11:15.180 に答える