0

大学のプロジェクトでは、先生から HTML で提供された Web サイトを取得する必要があり、解像度が最大幅 640 ピクセルに削減された場合に画像とナビゲーション バーを取り出す必要があるように設定する必要があります。サイド。640px に達したときにセクションを非表示にできるように、CSS でプログラムする方法がわかりません。これには多くの説明が必要な場合は申し訳ありませんが、現在、Webデザインの教科書はありません。学校のオンラインデータベースには、参照できる例が見つかりません。事前に感謝します

4

1 に答える 1

3

画面幅が 640px 未満の場合、このメディア クエリ内の css が適用されます。これは、ほとんどの最新のブラウザーで機能します。これは css でできることに限定されていることに注意してください。dom を操作したい場合は、javascript を使用する必要があります。要素を非表示にするには、 display:none;に設定します。

@media all and (max-width: 640px) {
  /* css*/
}

これの非常に簡単なデモ。結果ウィンドウが 640px 未満になると、灰色になります。

デモ

于 2013-03-29T20:24:48.803 に答える