主页 / 问题 / 1231258
Accepted
Cantadora
Asked:2022-01-14 17:38:25 +0000 UTC2022-01-14 17:38:25 +0000 UTC

滚动时，内容适合导航栏，如何解决？

  • 772

有一个网站https://www.akustik-studio.ru。当浏览器全屏打开时，导航栏显示为一行，一切正常。当浏览器不是全屏时，导航栏中的两个按钮转到第二行，滚动时，内容与这些按钮重叠。如何解决？ 在此处输入图像描述

frontend

1 个回答

  1. Best Answer

    好吧，你有什么选择。

    1. 将菜单列表设置为固定的标题高度并使用溢出隐藏它。然后他们不会倒下也不会被看到
    2. 使用 flex-wrap:nowrap 以及水平滚动将菜单更改为 flex。
    3. 将断点从 991px 移动，这会将整个菜单图片更改为 1200px。
    4. 在同一断点处，容器的宽度发生变化。您可以更改它，您可以在 991-1200 范围内更改菜单的缩进
    5. 您也可以在此处更改网格尺寸：col-8 col-md-1 col-xl-3在菜单：col-4 col-md-11 col-xl-9您需要将其应用于徽标object-fit: contain;，但原则上我会用较小的徽标替换它
    • 0

相关问题