Question

所以我有一个菜单，在背景颜色的标题上。调整大小（最大宽度1044像素）后，它会打开移动菜单，保留菜单和锚点的div与标题相比只是小一点。

任何解决方案？

Answer 1

我已经完全重新设计了你的布局，我认为它现在更加简单和全面。问题的关键是在nav块中包含所有内容（包括handle和header），这是100％宽度。

<header>
    <div class="logo">
        <img class="image" src="img/lion-logo" alt="lion-logo" />
        <div class="text">
            <div class="name">LIONET</div>
            <div class="description">Web design agency</div>
        </div>
    </div>

    <a class="handle" href="#">Menu</a>

    <nav>
        <a class="item" href="#">home</a>
        <a class="item" href="#">process</a>
        <a class="item" href="#">workflow</a>  
        <a class="item" href="#">about</a>   
        <a class="item" href="#">blog</a> 
        <a class="item" href="#">contact</a>    
    </nav>

</header>

Fiddle

此外，当您处于移动模式时，我会将徽标置于中心位置（我更喜欢它，但如果您愿意，可以将其删除）。如果有效，请告诉我。

响应式菜单（点击事件后div太小）

1 个答案: