未显示特定分辨率的菜单 [重复]答案

【问题标题】：Menu not shown with specific resolutions [duplicate]未显示特定分辨率的菜单 [重复]
【发布时间】：2019-08-27 17:55:44
【问题描述】：

我已经创建了一个默认的（因此我采用了我在创建项目时创建的 Visual Studio 2017）主页面和子页面网站。

在母版页中，我使用 div 和表格的组合放置了一个菜单。

如果我减小窗口大小以使窗口宽度约为 1280 像素，则一切正常。然后突然菜单项不再显示，菜单栏上也没有可点击的内容。

让我印象深刻的一件事是：菜单仍然有足够的空间，但菜单项仍然没有显示。只有菜单的黑条（表格的背景颜色设置为黑色）。

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-collapse collapse ">
                    <asp:Table ID="MenuTable" runat="server">
                        <asp:TableRow>
                            <asp:TableCell>
                                <asp:HyperLink runat="server" ID="Contacts" NavigateUrl="~/Forms/Contacts?#DynamicLinkReplace">Kontakte</asp:HyperLink>
                            </asp:TableCell>
                            <asp:TableCell>
                                <asp:HyperLink runat="server" ID="PingLink" NavigateUrl='javascript:void(window.open("~/forms/ping.aspx", "Ping to XXXXX", "width=640, height=480"));' >Ping</asp:HyperLink>
                            </asp:TableCell>
                            <asp:TableCell>
                                <asp:HyperLink runat="server" ID="RemoteLink" Target="_blank">Remote</asp:HyperLink>
                            </asp:TableCell>
                            <asp:TableCell>
                            </asp:TableCell>
                        </asp:TableRow>
                        <asp:TableRow>
                            <asp:TableCell>
                                <asp:HyperLink runat="server" NavigateUrl='~/Forms/JournalT.aspx?#DynamicLinkReplace' id="JournalT">Journal T</asp:HyperLink>
                            </asp:TableCell>
                            <asp:TableCell>
                                <asp:HyperLink runat="server" NavigateUrl='~/Forms/JournalH.aspx?#DynamicLinkReplace' id="JournalH">Journal H</asp:HyperLink>
                            </asp:TableCell>
                            <asp:TableCell ID="MenuCellEnvelopeClearance">
                                <asp:HyperLink runat="server" NavigateUrl='~/Forms/Clearance.aspx?#DynamicLinkReplace' id="MenuEnvelopeClearance">Freigabe</asp:HyperLink>
                            </asp:TableCell>
                            <asp:TableCell>
                                <asp:HyperLink runat="server" ID="DetailsLink" NavigateUrl='~/Forms/Details.aspx?#DynamicLinkReplace'>Details</asp:HyperLink>
                            </asp:TableCell>
                        </asp:TableRow>
                    </asp:Table>
                </div>
            </div>
        </div>

.CSS 未显示，因为它仅用于着色和文本大小（字体大小 14 像素，行高 1.4285）。

现在我的问题是双重的。 1.) 这种现象的确切原因是什么（这样我就不会再偶然发现它了）和 2.) 我能做些什么来纠正这种行为？

【问题讨论】：

根据你的一些 CSS 类名，你可能在使用引导程序吗？它具有响应式设计功能，这可能是您的问题的原因。菜单通常被压缩成一个可点击/可触摸的“汉堡”图标，然后在激活时展开以显示项目。您需要确保在页面中包含必要的标记才能显示。 Bootstrap 文档或教程应该向您展示如何正确设置它
是的，我使用引导程序（似乎默认使用）。啊，好吧，所以默认情况下它会这样做，但需要手动设置汉堡包图标，否则就像我的情况一样，你根本看不到任何东西。正确，所以@ADyson？
是的，您必须包含用于绘制它的必要 HTML。正如我所说，请查阅引导文档，您应该找到示例
@ADyson 就是这样。本质上，我需要从 div 中删除折叠，它现在按预期工作。 tnx

标签： html css asp.net

【解决方案1】：

在您的默认样式表中考虑此代码

@media only screen and (min-width: 1000px) {

  #Container{
    style:block;
  }
}

可能是您的任何css 或引导程序包含min-width 或max-width 属性的代码以后检查样式表

【讨论】：

这是猜测而非实际解决方案