Mible CSS不适用于导航

Mible CSS不适用于导航,css,mobile,responsive-design,Css,Mobile,Responsive Design,我只是试图修改我的网站的导航栏,以便使用更小的设备。该网站应该保持固定的iPad+分辨率设计,然后对较小的分辨率做出响应。虽然手机大小特定的代码适用于某些类别(容器、主等),但它们似乎不适用于导航分区。您可以在此处看到它当前的工作方式: 这是一把永恒的小提琴: HTML: 谢谢你的帮助!我以前从未尝试过为移动设备设计。尝试将移动CSS置于桌面CSS之下,因为桌面CSS现在正在覆盖移动CSS <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&

我只是试图修改我的网站的导航栏,以便使用更小的设备。该网站应该保持固定的iPad+分辨率设计,然后对较小的分辨率做出响应。虽然手机大小特定的代码适用于某些类别(容器、主等),但它们似乎不适用于导航分区。您可以在此处看到它当前的工作方式:

这是一把永恒的小提琴: HTML:


谢谢你的帮助!我以前从未尝试过为移动设备设计。

尝试将移动CSS置于桌面CSS之下,因为桌面CSS现在正在覆盖移动CSS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<body>
<div class="container">
  <div class="main-hold">
    <div class="main">
      <div id="nav">
        <ul>
            <li><a href="index.html" class="current">Home</a></li>
          <li><a href="about.html">About Us</a></li>
          <li><a href="gallery.html">Gallery</a></li>
          <li><a href="process.html">Process</a></li>
          <li><a href="testimonials.html">Testimonials</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
</body>