如何在顶部中心克拉响应的悬停div上显示？

Question

转到http://www1.bloomingdales.com/。将鼠标悬停在主菜单中的选项上，例如“SHOES”或“HANDBAGS”，并显示带有顶部中心克拉的div，其中包含许多选项和其他链接。非常简洁。我正在尝试为我的网站创建一个类似的布局，但是在调整屏幕大小时，您会发现在此网站上出现的悬停div几乎没有任何响应。如何制作一个响应更快的版本，在屏幕上看起来没问题，如果不低于400到500像素宽。我在谈论这些div中的文本链接和标题，以及它们在div中的大小和位置以及div本身在屏幕上的位置。基本上使http://www1.bloomingdales.com/的重复版本适合并且在较小的屏幕上看起来很好。有任何想法吗？我不是要求“完美的解决方案”。更多的是“快速修复做”的事情。任何帮助深表感谢。提前谢谢。

Answer 1

如果你想编辑你的网站，以便在更小的像素化上看起来更好。

您可以使用以下代码：

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

从这里你可以改变宽度（你说在400 - 500之间）并在括号内输入你想要的代码。浏览器将呈现此信息并相应地更改为较小的设备。