Javascript 如何使悬停div上出现的顶部中心克拉响应？

去。将鼠标悬停在主菜单中的一个选项上，如“SHOES”或“手提包”，一个顶部中心克拉的div将显示许多选项和其他链接。非常整洁和容易。我正试图为我的网站创建一个类似的布局，但在调整屏幕大小时，你会发现这个网站上出现的悬停div根本没有任何响应。我如何制作一个在屏幕上看起来很好的响应性更强的版本，比如说400到500像素宽，如果不小于400到500像素宽的话。我在谈论这些div中的文本链接和标题，以及它们在div中的大小和位置，以及div本身在屏幕上的位置。基本上，制作一个复制版的fit，并在较小的屏幕上看起来不错。有什么想法吗？我不是在要求一个“完美的解决方案”。更多的是一种“速成”的事情。非常感谢您的帮助。提前感谢。

如果您想编辑您的网站，使其在较小的像素上看起来更好

您可以使用以下代码：

@media screen and (min-width: 400px) {
    body {
        background-color: lightgreen;
    }
}

---

从这里你可以改变宽度（你说的是400-500），然后在括号内输入你想要的代码。浏览器将呈现这些信息，并对较小的设备进行相应的更改。

因此，这不是一项代码编写服务，因此，请自己努力，如果无法使其正常工作，请返回。您想要一个JSFIDDLE我们更喜欢一个适当的问题，问题中包含最少的代码片段，如堆栈片段，复制一个你需要帮助的特定问题，而不是如何写一个有响应性的网站我可以做一个没有响应性的网站，但我对css非常陌生，真的不能在使它有响应性方面做很多努力。刚刚做了一些w3schools教程，所以做一个JSFIDLE？让我们等待答案，直到我们有一个合适的问题。。。如果你删除你的答案，你会得到你的代表回来这可能会有帮助，我一定会尝试it@LGson他问了一个问题：“我如何才能制作一个在屏幕上看起来很好的响应性更强的版本，比如说400到500像素宽，如果不小于400到500像素宽”，但我应该使用的最小宽度是多少，这样它才能在所有笔记本设备上工作。现在不要真的关心手机或触摸东西。400px可以吗？或者我应该增加/减少它取决于像Firefox这样的浏览器，您可以进入设置>开发工具>响应设计模式。这使您可以清楚地看到要更改的像素。是的，它可能会更高。