我需要扩展网站，以便它在移动设备上具有相同的功能

Question

我需要扩展一个网站，以便在手机上呈现一个储备按钮。该网站在PC和笔记本电脑上运行良好，但在手机上不正常。我尝试过@media（最大宽度：600px），而且似乎根本没有做任何事情。

Answer 1

嵌套可能会有问题。
ex：您现在有这样

 <div>
    <ul>
        <li>Good</li>
        <li>Best</li>
        <li>Fair</li>
        <li>Nice</li>
    </ul>
</div>

代码

的

div ul li {
  color:red;
}

@media (max-width:690px) {
  li {
    color:red;
  }
}

对于

div ul li {
  color:red;
}

@media (max-width:690px) {
  div ul li {
    color:red;
  }
}