CSS3 Transition在移动设备上触发错误

Question

我正在制作一个非常简单的菜单，它在桌面上运行得很好，但是，当我在移动设备上测试它时，从主屏幕到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/

Answer 1

解决了它。我最终设置了div的转换位置而不是左边。