将菜单与响应式缩略图网格的第一个缩略图对齐

Question

我正在尝试将菜单与响应式列缩略图网格对齐。因此，黑色菜单形状始终与第一个缩略图内联。当使用最小的移动尺寸时，它可以正常工作，但不适用于其他尺寸，因为它与第一个缩略图不内联。到目前为止，没有人能帮助我，所以希望有一个代码专家可以？

小提琴

<header>
<nav>
    <ul>
        <li><a href="#">Menu1</a>
            <ul>
                <li><a href="#">Item1</a></li>
                <li><a href="#">Item2</a></li>
            </ul>
        </li>
    </ul>   
</nav>
</header>

Answer 1

我无法理解您的全部问题。通过假设几件事，我尝试了这个。

 `Fiddle link` http://jsfiddle.net/2grghhfh/5/. 

通过将宽度设置为100%的所有尺寸的nav ul ul .解决了这个问题。

编辑：您必须为每个尺寸的导航 ul 分配填充。由于内容填充尺寸最小，col-25 内容被擦拭。而对于其他尺寸则不是。