简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
画面サイズ/デバイスに基づいて適切な CSS スタイルを選択する方法
P粉529245050
P粉529245050 2023-08-21 21:50:42
0
2
422

Bootstrap 3 には、画面の解像度に応じて特定のブロックを表示または非表示にできる、応答性ユーティリティに優れた CSS クラスがいくつかあります ;http://getbootstrap.com/css/#sensitive-utilities-classes

CSS ファイル内に、画面解像度に基づいて適用するか適用しないスタイル ルールがいくつかあります。

どうすればいいですか?

本番展開用にすべての CSS ファイルを 1 つのファイルに圧縮しますが、画面解像度ごとに個別の CSS ファイルを使用する以外に解決策がない場合は、

P粉529245050
P粉529245050

全員に返信 (2)
P粉668019339
P粉6680193392023-08-22 20:01:42 2棟

検出は自動です。各画面解像度に使用できる CSS を指定する必要があります:

リーリー
いいねを押す+0
返信を追加
    P粉145543872
    P粉1455438722023-08-22 18:57:54 1棟

    @mediaを使用してをクエリします。まさにそのニーズに応えます。これらがどのように機能するかの例を次に示します:

    リーリー

    これは、幅が 800 ピクセル以下のデバイスでのみ機能します。

    メディア クエリの詳細については、Mozilla Developer Networkをご覧ください。

    いいねを押す+0
    返信を追加
      人気のトピック
      詳細>
      人気の記事
      人気のチュートリアル
      詳細>
      関連するチュートリアル
      人気のおすすめ
      最新のコース
      最新のダウンロード
      詳細>
      ウェブエフェクト
      公式サイト
      サイト素材
      フロントエンドテンプレート
      私たちについて 免責事項 Sitemap
      PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！