0

mod_pythonMySQL からデータベース エントリを取得し、それらを HTML 形式で表示するために使用する Python プログラムがあります。この Web ページは最終的に、ページ全体にまたがる 4 つの列を持つテーブルになります。（CSSでフォーマットしました）

画面幅が特定のピクセル数未満の場合、CSS を使用して列数を変更することはできますか? これらの 4 つの列の 1 つには大量の情報が含まれており、モバイル画面で表示するのは適切ではありません。文字が小さくて読みにくいし、ズームインも不便。画面サイズが800pxよりも小さい場合、cssなどを使用してこの列を削除することは可能ですか? そのため、iPhone 3g では、表は大きな画面では 4 列ではなく 3 列で表示されます。これにより、外出先でテキストが読みやすくなります。

4

1 に答える 1

3

はい、とても簡単です。メディアクエリを使用してそれを行うことができます：

@media screen and (max-width: 800px) { your styles here }

したがって、あなたの場合、css は のような列のスタイルを持ち、.column4 {display:block;}その後、メディア クエリは次のようになります。

@media screen and (max-width: 800px) { 

   .column4 {
       display:none;
   }

}

さまざまな画面サイズに対してさまざまなクエリを使用できます (私の最新のプロジェクトでは、6 つの異なる解像度とデバイスに対して 6 つの異なるレイアウトを使用しました)。これにパーセンテージを追加すると、非常に優れたレスポンシブ サイトを作成できます。

于 2012-08-07T04:10:11.517 に答える