手机中的下拉菜单

Question

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

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

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

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

Answer 1

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

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

    }