jquery - 我需要我的主导航栏在窗口达到一定大小后消失并显示移动菜单

标签 jquery html css jquery-mobile

请帮忙!!!

我的主导航栏与左侧的文本重叠,当窗口调整大小时我的右侧导航栏消失我需要主导航消失,移动导航显示当窗口调整大小时或从移动设备查看.. .

请注意,我对编码还是个新手,所以请用简单的方式解释一下,以便我理解...

这是我网站的链接:http://gerlagroofing.co.za/default.asp

最佳答案

您必须查看@media 规则,这些规则用于使您的设计具有响应性,它可以在不同的屏幕尺寸上制作不同的 css 规则。 例如,您可以在小于 750 像素的屏幕宽度上隐藏 Logo 文本:

@media screen and (max-width: 750px) {
  #header a{
    display: none;
  }
}

您可以在此处发现和查看使用媒体规则的示例:http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

关于jquery - 我需要我的主导航栏在窗口达到一定大小后消失并显示移动菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33077675/

相关文章:

jquery - 尝试使用 VB.Net 返回 asp.net mvc JSONResult

html - 停止通过 GET 传递 'submit' 按钮值?

html - 如何在标题中放置 Logo

css - 定制的响应式网格

jquery - 如何在html容器中添加元素作为列堆栈?

php - 从 url 中删除目录名称? (example.org/folder1/file 到 example.org/file)

javascript - jQuery 选择具有 A 类、B 类或 C 类的元素

javascript - 特定 URL 每 5 秒刷新一次表

javascript - 防止默认并返回 false;如果我添加 if else 语句

javascript - safari&IE中链接形状坐标浏览器