gpt4 book ai didi

javascript - 我的响应式导航栏在移动设备上不起作用

转载 作者:行者123 更新时间:2023-11-28 03:17:21 26 4
gpt4 key购买 nike

我用 bootstrap 3 创建了一个响应式菜单。所以它可以在桌面上运行,但不能在移动设备上运行。

这是我的代码

<div class="row">
<div class="navbar navbar-inveren navbar-fixed-top" style="background-color: rgb(192, 12, 26) !important;">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse pull-right">
<ul class="nav navbar-nav navbar-right">
<li class="top_menu"><a style="color: whitesmoke; font-family: 'myfont';" href="/Pages/Contact.aspx">تماس با ما</a></li>
<li class="top_menu"><a style="color: whitesmoke; font-family: 'myfont';" href="/Pages/Items.aspx">شرایط و راهنما</a></li>
<li class="top_menu"><a style="color: whitesmoke; font-family: 'myfont';" href="/Pages/About.aspx">درباره ما</a></li>
<li class="top_menu"><a style="color: whitesmoke; font-family: 'myfont';" href="/login/Login.aspx">ورود به حساب کاربری</a></li>
<li class="top_menu"><a style="color: whitesmoke; font-family: 'myfont';" href="/Pages/MySangyar.aspx">سنگیار من</a></li>
<li class="top_menu"><a style="color: whitesmoke; font-family: 'myfont';" href="../default.aspx">صفحه نخست</a></li>
<li class="top_menu">
<a title="خروج از پنل کاربری" class="navbar-brand" href="/Default.aspx">
<img style="width: 60px; height: 40px;" class="img-responsive img-circle" src="/Images/logo.png" alt="عکسی وجود ندارد" />
</a>
</li>
</ul>
</div>
</div>
</div>

在桌面全屏上: enter image description here

当它的大小为 700 px 时在桌面上: enter image description here

当我在 Galaxy S5 上加载时,它像第一张图片一样加载,而我想像第二张图片一样显示。

请帮帮我...

非常感谢

最佳答案

在代码的 head 标签内添加此 meta 标签:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

关于javascript - 我的响应式导航栏在移动设备上不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45400429/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com