有没有办法只在移动设备上为某个类分配一个类

Question

我刚刚完成了一个菜单的样式，但我希望它可以合并到移动设备上的移动样式菜单中。该网站是here。

以下是菜单的HTML：

   Attempt to invoke virtual method 'void org.jivesoftware.smackx.ServiceDiscoveryManager.addFeature(java.lang.String)' on a null object reference

以下是菜单的CSS：

          <div class="masthead clearfix">
            <div class="inner">
              <h3 class="masthead-brand">ONLY AT LSA</h3>
              <nav>
                <ul class="nav masthead-nav">
                  <li class="active"><a href="#">The Experience</a></li>
                  <li><a href="#">Recent News</a></li>
                  <li><a href="#">Gallery</a></li>
                </ul>
              </nav>
            </div>
          </div>

所以我希望它从this转到理想的移动导航系统，并点击图标并展开菜单。

Answer 1

你应该使用CSS

/* All Mobile Sizes */
@media only screen and (max-width: 767px) { ... }