javascript - HTML 5 中的多服务类取决于屏幕大小

Question

是否可以根据屏幕尺寸提供多类服务？例如，我有一个嵌套在另一个类中的类，但我只希望嵌套类在设备大小大于 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 Expert”分类在菜单的幻灯片中。但我只想在小屏幕上显示“pure-drawer”类（菜单中的幻灯片），并为其余设备显示“f-unit Expert”类。这是可以实现的吗？感谢您的任何帮助。我到处寻找，找不到具体的答案。