0

画面サイズに基づいて複数のクラスを提供することは可能ですか? たとえば、別のクラス内にネストされたクラスがありますが、デバイスのサイズが x より大きい場合にのみ、ネストされたクラスを実行したいと考えています。

   <div class="pure-container" data-effect="pure-effect-push">
    <input type="checkbox" id="pure-toggle-left" class="pure-toggle" data-toggle="left"/>
    <label class="pure-toggle-label" for="pure-toggle-left" data-toggle-label="left"><span class="pure-toggle-icon"></span></label>

      <nav class="pure-drawer" data-position="left"><br><br><br>
          <p style="padding: 10px 20px; margin: 0;">


        <div class="f-unit expert">          
           <?php  include_once 'helper/block_news_list.php'; ?>
        </div> 

        </p>
      </nav>
    </div>

ここでは、「f-unit エキスパート」クラスをスライドのメニュー内にラップしています。しかし、私は小さな画面に「pure-drawer」クラス（メニューのスライド）を表示し、残りのデバイスには「f-unit Expert」クラスを表示したいだけです。これは達成可能ですか？助けてくれてありがとう。私はあらゆる場所を調べましたが、具体的な答えを見つけることができませんでした。

4

0 に答える 0