html - 未显示特定分辨率的菜单

标签 html css asp.net

<分区>

我创建了一个默认的(因此我在创建元素时使用了 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.) 我该怎么做才能纠正这种行为?

最佳答案

在你的默认样式表中考虑这段代码

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

  #Container{
    style:block;
  }
}

可能是您的任何 css 或 bootstrap 包含 min-widthmax-width 属性的代码 以后检查样式表

关于html - 未显示特定分辨率的菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57670827/

上一篇:html - 如何让此文本始终出现在 div 中?

下一篇:html - 在 HTML/CSS 中访问链接时使图像变成灰度

相关文章:

javascript - 使用 JQuery Ajax 将 Json 对象数组发送到 Web 方法

asp.net - ASP.NET强制IE8使用IE7或IE8兼容性 View

html - 我们能想到的最简单的垂直对齐方式

jquery - 如何访问css效果,在类的jquery函数调用中

jquery - 动画结束时如何创建事件?

css - 在 Angular UI Grid 中设置选定行的背景颜色

javascript - 通过 CSS 删除内容属性周围的边框

javascript - 我怎样才能使用谷歌地图找到附近的地方?

表格的 CSS 分页符

c# - ASP.NET 应用程序状态提供程序