我正在处理一个非常简单的菜单,它在桌面上运行得非常好,但是,当我在移动设备上测试它时,从主屏幕到 2 似乎一直触发到 2.1(见下面的导航)。
<nav id="megamenu">
<h2>asdasdasdasd 1</h2>
<h2>asdasdasdasd 2</h2>
<div>
<h2>asdasdasdasd 2.1</h2>
<div>
<h2>asdasdasdasd 2.1.1</h2>
<h2>asdasdasdasd 2.1.2</h2>
<h2>asdasdasdasd 2.1.3</h2>
<h2>asdasdasdasd 2.1.4</h2>
<h2>asdasdasdasd 2.1.5</h2>
</div>
<h2>asdasdasdasd 2.2</h2>
<h2>asdasdasdasd 2.3</h2>
<h2>asdasdasdasd 2.4</h2>
<h2>asdasdasdasd 2.5</h2>
</div>
<h2>asdasdasdasd 3</h2>
<h2>asdasdasdasd 4</h2>
<h2>asdasdasdasd 5</h2>
</nav>
我不知道是我没有完全理解 CSS 过渡,还是什么。对于所有有趣的细节,这里有一个小提琴:http: //jsfiddle.net/kjjgQ/