如果通过移动浏览器访问，如何更改网站的CSS

我有一个下拉菜单在标题在我的网站上。我在我的网站的手机版上乱搞下拉菜单的设计，它看起来比以前好多了。（颜色都一样，现在标题是浅绿色/蓝色，我的下拉菜单是#333。）我回到桌面版本，现在整个菜单容器是#333。但是，如果我恢复我的更改，修复桌面版本的外观，移动版本将恢复到原始设计

有关如何解决此问题的任何提示。我对JavaScript不是很在行，但我想也许有一段代码可以命令我的桌面版本的背景颜色保持浅绿色，而在我的手机版本上显示为#333

我不知道什么是最好的。其他人有什么想法吗？

看看，这是一种在网站宽度低于一定宽度时更改CSS的简单方法

/* This will change the background-color to #333 whenever the width of the screen is below 480px */
@media screen and (min-width: 480px) {
    body {
        background-color: #333;
    }
}

不要忘记使用

标记来获取正确的视口数据：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

希望这有帮助

看看，这是一种简单的方法，可以在网站低于某个宽度时更改其CSS

/* This will change the background-color to #333 whenever the width of the screen is below 480px */
@media screen and (min-width: 480px) {
    body {
        background-color: #333;
    }
}

不要忘记使用

标记来获取正确的视口数据：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

---

希望这有帮助

回答！我试过这个方法，效果非常好！！！非常感谢。我会投票支持你，但我没有足够的分数来访问该功能。非常感谢@RustyFlick一点问题都没有！请不要忘记将我的答案标记为正确答案，以便其他人在遇到相同或类似问题时能够快速找到解决方案！我试过这个方法，效果非常好！！！非常感谢。我会投票支持你，但我没有足够的分数来访问该功能。非常感谢@RustyFlick一点问题都没有！请不要忘记将我的答案标记为正确答案，以便其他人在遇到相同或类似问题时能够快速找到解决方案