我的网站标题中有一个下拉菜单。我在我的网站的移动版本上使用下拉菜单的设计感到困惑，它看起来比以前更好。（它们都是相同的颜色，现在标题是浅绿色/蓝色，我的下拉菜单是＃333。）我回到桌面版本，现在整个菜单容器是＃333。但是，如果我恢复所做的更改，并固定了桌面版本的外观，则移动版本将恢复到原始设计。
有关如何解决此问题的任何提示。我不太擅长JavaScript，但我想也许代码可以命令背景色在桌面版本上保持浅绿色，并在移动版本上显示为＃333。
我不知道什么是最好的。其他人有个主意吗？
看一下CSS媒体查询，这是一种只要您的网站的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>标签以获取正确的视口数据：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
希望这可以帮助！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句