css - 手机下拉菜单

Question

我的网站上有一个下拉菜单，它在我的笔记本电脑上的任何浏览器中都可以正常工作，但手机和桌子有问题。

在笔记本电脑中，当我悬停菜单时，它会自动下拉，当我移开鼠标时，菜单会关闭，这很好..

在手机和笔记本电脑中，当我单击菜单时，它会自动下拉并在 1 秒后关闭，这就是问题所在。我需要菜单保持打开状态，直到我通过单击其他任何地方手动关闭它！

我可以在我的 css 中做什么？

Answer 1

媒体查询对于网站在手机和平​​板电脑等不同设备上查看非常重要，因此您需要在 CSS 中插入媒体查询，该网站是完全响应式的，并且在两种设备上都能正常工作。 http://www.techbian.com/dell-xps-12-worlds-first-2-in-1-4k-convertible-pc/ 因此，使用下面的代码并对其进行修改，然后将其插入您网站的 CSS 中。

@media only screen and (max-device-width: 480px) {

    }