我试图缩放一个网页的引导4方式(使用html字体大小和rem在任何其他地方)，但它似乎破坏了响应导航条的激活(即它没有正确地激活)。
实际的问题是当你缩小视图时，响应型导航条应该隐藏菜单选项并提供汉堡包图标。但是，如果您缩放html字体大小，响应型导航条在菜单将位于视口之外时不会激活。在提供的示例中，将视图缩小为22 to字体，并查看菜单如何转到下一行。然后删除该CSS并缩放菜单，它在16 it (默认)字体下工作得很好。
对于如何解决这个问题，我有什么想法吗?或者我做的是不正确的导航条和字体缩放？
<nav class="navbar navbar-light bg-fad
浏览 5提问于2016-07-23得票数 0
回答已采纳
2回答
我正在做一个网站，也为移动，响应式的工作。我可以最大限度地利用我的网站来响应，所以它在移动设备上工作得很好。但只有一个问题，那就是菜单。左侧是徽标，右侧是指向其他页面的链接。菜单的高度和徽标应该不会只改变链接，像一个下拉菜单或只是一个简单的iOS为基础的下拉菜单。有没有简单的手机格式菜单的链接？
浏览 0提问于2013-10-26得票数 1
2回答
合并两个HTML文件
、、、
我有两个单独的HTML文件，都有不同的css和javascript。一个文件是响应式汉堡菜单，另一个文件是台式机和笔记本电脑下拉菜单。我想知道是否有一种方法可以让设备在小于700px时从全导航栏切换到汉堡菜单。我必须把两个菜单放在一个文件中吗？
浏览 0提问于2015-12-26得票数 3
4回答
有没有JS库可以帮助加载基于维度的不同html文件？我猜这将是响应性和自适应性的混合体，不确定这是否是合法的。
基本上，我希望网站在手机上显示一个不同的顶级菜单。
浏览 0提问于2013-05-30得票数 0
回答已采纳
1回答
我正在尝试开发一个应用程序，以响应一个USSD菜单，谁能给任何指针如何在菜单上的USSD程序响应，我涵盖了部分是拨打第一个USSD，但如何在第二个菜单上响应？
浏览 0提问于2016-05-30得票数 1
1回答
响应性效应
、、、
这更像是一个方向性的问题。
有没有办法在一个非响应式网站中运行响应式元素，比如响应式菜单--也就是说，在一个网站中不能有viewport标签。或者，有没有一种推荐的方法来达到同样的效果，即菜单本身将根据移动屏幕大小进行适当的比例调整。
浏览 0提问于2013-07-05得票数 0
1回答
我使用的是ubermenu，我的菜单项是图像。我的问题是，当我使用移动分辨率访问网站时，我的菜单项保持不变，这真的很大。我不想使用响应式菜单，当我使用不同的分辨率时，如何使我的菜单伸展？
浏览 0提问于2015-11-11得票数 0
2回答
CSS导航菜单背景图像
、、、、
我想实现一个具有响应式背景图像的水平菜单。
我的问题是，如果我放置全屏窗口，'ul‘菜单相对于背景图像会发生移位。我甚至尝试在一个'div‘容器中设置两个不同的'div’(一个用于图像，另一个用于菜单)，但不起作用。
此外，如果我调整大小，最小的窗口大小，菜单从图像栏出来。
我不想使用'px‘设置，因为我想得到一个尽可能响应的网站。
HTML和CSS：
.menu {
margin-top: 1%;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 11vh;
ba
浏览 15提问于2018-02-02得票数 1
1回答
我正在尝试使用Dreamweaver CS6从现有的导航菜单构建一个响应式导航菜单。下面是我的HTML：
<div id="nav"><nav>
<ul>
<li class="subNav"><a href="#">PROGRAM</a>
<ul>
<li><a href="pre-summit-seminars.html&#
浏览 3提问于2014-12-04得票数 0
我是stackoverflow的新手，Magento的新手。我正面临着一个问题，我真的希望这里的人能提出一些可以帮助我的建议。
我在Magento 1.6中有一个自定义主题，我能够成功地升级到Magento 1.9，具有相同的主题。现在的问题是，我也想让旧的主题成为一个响应性的主题。我不想买一个新的响应式主题或使用魔法液体插件。我有PHP，HTML，CSS和jQuery的基础知识，就像一个人可以从w3schools学到的一样多。我尝试过使用bootstrap，但失败了。它确实变得很流畅，即当我调整浏览器的大小时，滑块和图片会改变它们的大小和位置，但主菜单看起来是一样的，它只是压缩，而不是像在一
浏览 0提问于2014-09-28得票数 1
这张图片是页面全屏显示的样子。
这就是我希望菜单在小屏幕上的样子。
我希望菜单看起来像这样是一个垂直菜单。当您单击其中一个标题时，将出现子菜单。我的目标是让它更多地用于移动设备。有什么想法吗？我已经读了很多关于如何做到这一点的文章，但我的菜单无法让它工作:任何想法都会有所帮助。我遇到了很多问题，让它工作和响应。
浏览 7提问于2018-02-06得票数 0
我已经创建了一个功能齐全的移动第一响应式网站。在这一点上，我还没有使用像Bootstrap这样的网站上的任何框架。我对jquery知之甚少，但我正在尝试实现Bootstrap提供的类似折叠菜单。我有一个三栏的菜单图标，所以我假设我需要一个切换功能，折叠在徽标下的菜单。我正在创建的网站非常轻量级，我不想添加巨大的引导响应css文件，也不希望它与我已经有的一些命名约定一起工作。是否可以仅从bootstrap中获取折叠插件并将其调整为适合我的css ?如果可能，我应该执行哪些步骤？如果任何人有知识或任何其他教程，我可以找到创建它的另一种方式，它将非常感谢。谢谢。
下面是我的html设置。我不知道这是
浏览 0提问于2013-02-22得票数 0
1回答
我正在使用joomla 3.0，我想创建一个响应式模板，我正在使用龙门架。
我有我的主菜单，在龙门架框架我激活位置顶部和标题，我把我的菜单在位置标题-a
但是不要给我看任何东西。任何人都知道这个框架是如何工作的，我看过的所有文档显然都很简单
任何人都知道创建响应式模板的好文档
浏览 0提问于2013-01-14得票数 1
我正在开发一个WordPress 21主题的子主题。现场演示可以在上看到。由于WordPress已经有响应支持，我也在响应中做我的主题，我正在自定义我的主题CSS。对于某些部分，我已经完成了。在我的菜单部分，我遇到了一些问题。我有两种菜单。一个没有下拉列表，另一个有下拉列表。现在我面临的问题是菜单中的响应式菜单中有下拉列表。有没有人能帮帮我？
浏览 1提问于2012-12-19得票数 1
2回答
我有一个响应式的网站，我已经激活了w3c总缓存。每当我缩小的时候，响应菜单就会丢失。此菜单在特定屏幕尺寸上激活，代码为：
<div class="main-nav">
<div id="responsive_current_menu_item">Welcome to Yum Yum Videos!</div>
<ul id="menu-top-menu" class="menu">
<li>...</li>
</ul>
浏览 1提问于2013-10-28得票数 0
2回答
我怎样才能使我的菜单正确响应，在手机上它看起来像这样
在计算机上，它看起来像这样:在此处输入图像描述
当我从菜单中选择一个选项时，菜单不会消失，但如果它转到所选部分
有人给我指路，让我的菜单反应灵敏，谢谢
浏览 20提问于2018-12-15得票数 0
1回答
我已经成功地创建了一个响应菜单使用角度UI引导。问题是：
当响应菜单打开时，只能通过重新单击按钮来关闭它。点击页面上的任何其他地方都可以打开菜单，这对于我正在构建的站点来说是不可取的。
我在寻找这个功能：
单击除菜单之外的任何位置都应该关闭菜单，而不是切换菜单。
如何才能做到这一点呢？我试着在html或body元素上设置一个html或body，看看它是否有效，但没有。
浏览 4提问于2015-05-14得票数 1
回答已采纳
1回答
使用语义UI React，我在创建一个响应式导航菜单时遇到了麻烦。 下面是正常的桌面视图： ? 然后是移动视图，菜单的右上角不在视图中： ? 下面是导航菜单的代码： const MenuNav = props => {
const logout = () => {
props.logout();
return <Redirect to="/" />;
};
return (
<Menu>
<Container>
<Menu.Item head
浏览 25提问于2020-01-01得票数 1
我正在使用垂直菜单(semantic ui react)。这是我的结构：
<Grid>
<Grid.Column mobile={16} tablet={5} computer={5}>
<div className='ui secondary pointing menu vertical compact inherit'>
<a className='item'>
Element
</a>
浏览 3提问于2017-02-08得票数 4
回答已采纳
1回答
我希望我的“超级菜单”JS只运行在全屏幕宽度和响应式菜单(从模块)加载在任何较低的屏幕宽度。目前在较低的屏幕宽度下，响应菜单似乎工作正常，但mega菜单的JS仍在运行，因此干扰了响应菜单。我已经在Responsive Menu模块中设置了移除CSS选择器的选项，但是菜单的id在HTML中不会自然地改变，所以mega菜单仍然使用这个id。(也许这就是问题所在？)如何才能让JS只在全屏下运行？谢谢!
$('#subnav').dcMegaMenu({effect: 'slide', speed: 'slow', rowItems: '
浏览 1提问于2015-08-07得票数 0
2回答
我正在开发一个应用程序来测试HTML页面是否有响应。现在，我假设使用媒体查询是使HTML页面响应的唯一方法。但我正在使用一个非常粗糙的逻辑来测试它。我正在解析HTML文件并读取它，以确定是否存在媒体查询语句。如果它存在，我就声明它是响应性的，否则就是非响应性的。有没有别的办法可以让我这样做呢？在声明它为响应性或非响应性之前，我还可以执行其他测试吗？
浏览 0提问于2016-11-01得票数 0
1回答
这个网站如何实现响应式布局？
、、、、
有没有人能解释一下这个网站有哪些不同的响应方式？尤其是当您调整浏览器大小时，顶部和左侧导航如何更改为下拉菜单。
我确信这不会使用twitter引导。他们有没有更好的方式在不利用twitter引导的情况下做出响应。
浏览 2提问于2012-08-08得票数 1
回答已采纳
我在mvc控制器中从XML生成html菜单字符串，在angularjs中，我将响应传递给div，如$("#divId").html( response )。
它工作得很好，但是有些菜单有子菜单，所以打开类不会调用，所以不会显示子菜单
请告诉我哪里做错了。
浏览 0提问于2015-06-19得票数 1
3回答
在响应式网站上，我想在较小的屏幕上显示垂直菜单，在较大的屏幕上显示水平菜单。目前，下面的HTML和CSS代码不能在较小的屏幕上显示垂直菜单。有人能修改/改进这段代码吗？提前谢谢。
#menu {
width: 100%;
min-height: 40px;
position: relative;
background-color: rgb(52, 85, 154);
}
#menu a {
display: inline-block;
padding: 10px 4% 0px 4%;
font: 400 16px/32px 'Courier', sans-s
浏览 0提问于2015-06-16得票数 0
3回答
我的设计使用元标签<meta http-equiv="content-type" content="text/html; charset=UTF-8">工作得很好(它是一个具有旋转功能的圆形对象)，但是当我将这个设计适合任何响应式模板时，它就不会工作了。
我发现的原因是每个响应式模板都使用元标签<meta name="viewport" content="width=device-width, initial-scale=1.0">
你可以点击响应模式下的changeview链接，在上面的链接上，它会改变
浏览 2提问于2015-07-19得票数 1
2回答
目标：
当它进入响应设计时，"Test1“和"default”的菜单应该包括在要展开的菜单中。
问题：
当您进行响应性设计时，我只能看到"Asdf“菜单，但它不包含来自Test1和默认的任何菜单链接。
我试着找到一个解决方案
如何启用与引导v3相关的操作
谢谢!
jsbin.com/goqimureva/edit?html,output
浏览 4提问于2017-05-26得票数 0
回答已采纳
2回答
我正在做我的第一个项目在基金会6，我有问题，使响应式导航工作。我从基础附带的基本页面模板(使用CodeKit安装的F6 )开始，然后我粘贴了响应菜单代码，完全像这里的一样，但当在小屏幕尺寸下查看时，会出现“菜单”这个词，但单击它什么也不做。
向下钻取响应菜单也不起作用--粘贴在向下钻取菜单代码中(第二个示例向下，在上面引用的页面上)，出现的是一个很长的链接列表，没有折叠任何内容，也没有任何幻灯片。肯定有一个脚本丢失了，但我有三重检查，app.js，foundation.js和jquery脚本都加载了。我还漏掉了什么？
浏览 2提问于2015-12-09得票数 0
1回答
我在我的网站上有两个菜单，我想让它们响应，我的原始菜单看起来像这样：
<nav class="main-menu left" id="nav">
<div class="menu-left-main-menu-container">
<ul id="menu-left-main-menu">
<li><a href="index.html">Home</a></li>
浏览 1提问于2013-08-11得票数 0
1回答
首先，请访问并查看演示：
我将演示的源代码复制到新文件夹中，创建了一个Javascript、一个CSS和一个HTML。
我删除了菜单的各个部分，只保留了标签<body class="cbp-spmenu-push"><nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">上的推送响应菜单。
我调整了标签showRightPush和showLeftPush的推送响应菜单的大小，并移除了它们的标记section，这样就可以用标
浏览 4提问于2014-10-29得票数 0
回答已采纳
1回答
我试图用响应来编写html页面，当re size .i想要在这个页面中编写像菜单这样的菜单时，我的菜单被剪切了，，有帮助吗？？
浏览 1提问于2016-05-15得票数 0
回答已采纳
1回答
我目前正在使用bootstrap将psd转换为html。并且我想使用引导响应菜单。
但我不想在非移动设备上使用bootstrap菜单，这样，如果用户在移动设备上，他将看到bootstrap的响应菜单，如果他在bootstrap中使用台式机或任何其他md大小的设备，那么他应该看到我自己设计的导航菜单。我该怎么做呢？
我的菜单Html标记：
<div id="navigation" class="col-md-9 col-sm-12">
<nav>
<ul>
<li>&l
浏览 0提问于2015-03-26得票数 0
1回答
当涉及到网页设计时，我是自学的，所以我真的被困在这里了，因为我没有框架来理解这个问题。现在它是这样工作的：
--当常规的无响应菜单打开时，父链接被禁用，这要归功于我使用的插件(代码如下)。
--当您将鼠标悬停在非响应菜单上并禁用父项，然后将浏览器缩小时，您之前悬停在其上的响应项仍处于禁用状态。
--当您在非响应模式下没有首先悬停在父链接上而直接转到响应菜单时，父链接不会被禁用。
我尝试以均值菜单(在响应模式下使用)为目标，并使用document.ready来确保它不会执行得太早，或者别的什么，但对我来说都不起作用。请给我建议。我提前向您表示感谢。
我用来禁用父链接的插件的代码就在下面。
插件名
浏览 2提问于2016-03-15得票数 0
2回答
我是新的响应式设计，我想使响应式菜单，图像，块和网站模板中的每一件事。
我准备好所有的宽度应该是百分比，我做这个例子
如何才能使表单的输入响应不同的屏幕大小，而不低于ul?？
浏览 3提问于2012-03-09得票数 1
1回答
在网页中创建响应式菜单
、、、
我希望呈现我的菜单，使其在多个平台上都能响应(例如桌面浏览器、移动设备和平板电脑)。如何使用CSS来完成此任务？
这是我目前的CSS：
ul {
top:0px;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
z-index:99;
cursor: pointer;
background-color:white;
text-align:center;
}
li {
top:0px;
width:20%;
font-family:odin rounde
浏览 0提问于2018-07-19得票数 0
回答已采纳
所以我有一个网站，它是响应式的，在小屏幕上，菜单是打开的，点击burguer按钮，当有足够的空间时，菜单在标题中可见，burguer按钮消失。 我的问题是，处理这些组件的最佳实践是什么( burguer是更改上下文状态showMenu的组件)。 我应该有两个不同的菜单组件，MenuResponsive || MenuInHeader & mount，卸载它们取决于屏幕大小，还是只有一个组件有一吨的CSS。我使用css.module只是为了以防万一。 谢谢
浏览 6提问于2021-04-24得票数 1
当浏览器窗口的最大宽度为767px时，我正在使用twitter bootstrap的响应功能来更改菜单样式。
下面是示例：
在全窗口中：
问题是，当窗口的最大宽度为979px时，将应用不同的样式。但是我想在767px的时候这样做。因为我不想为平板电脑提供不同的菜单，只为手机提供不同的菜单。
Css附带了twitter bootstrap，所以我可以只提供一些html
<div class="navbar-inner">
<div class="container">
<
浏览 0提问于2013-03-17得票数 0
回答已采纳
1回答
我使用的是WordPress ，我创建了一个单独的移动菜单(因为我必须将桌面一分为二)，我使用的是内置的响应式菜单，但我不知道如何让WordPress打开我创建的新移动菜单，而不是主菜单。
有没有什么方法可以提供不同的选择器/id，以便Genesis知道针对不同的菜单？
浏览 21提问于2016-08-22得票数 0
2回答
ie7上的响应式菜单中断
、、、
我有一个用响应式设计构建的菜单，除了IE7之外，它在浏览器上运行良好
你知道为什么这个菜单会在IE7上中断吗？
链接：
浏览 1提问于2012-10-31得票数 1
回答已采纳
我在Rails应用程序中使用了Bootstrap主题(来自)，但由于某些原因，导航栏没有响应。CSS适用于除响应式导航栏之外的所有其他功能。
对于传统的html文件，它工作得很好，但当我将它包含在Rails布局中时(如下所示)，它不会响应，也不会显示您通常看到的右对齐的jQuery下拉菜单。
下面是我如何将js和css包含在我的布局的头部，employees.html.erb
<%= stylesheet_link_tag "scaffolds.css.css", :media => "all" %>
<%= stylesheet
浏览 0提问于2013-06-28得票数 0
回答已采纳
1回答
我有一个纸面菜单，当一个函数被调用时，它需要改变.
下面是我使用的代码。
var sessionHtml = "";
for (var selector in selections) {
selector = selectors[selector];
selectorHtml = selectorHtml + "<paper-item>" + selector.name + "</paper-item>";
}
$(".menu").html(selectorHtml);
该函
浏览 0提问于2015-12-17得票数 1
回答已采纳
1回答
我想从数据库中生成菜单，因为我已经实现了我的逻辑和它的响应很好，问题是我无法从我的控制器方法呈现菜单。我想问是否有可能从动作控制器方法返回HTML，并使用Html.Action("MenuGenerator“、"Menu")在我的视图上呈现它，但我无法做到这一点。此外，我不想为菜单创建部分视图，因为我的方法以html字符串的形式返回菜单，我只想将它刷新到视图中。
浏览 1提问于2014-02-11得票数 0
我正在开发angular2应用程序。
我有一个组件，将显示我的菜单。在这个组件中，我有一个菜单项列表(数组)，在构造函数中，我调用一个api来获取true/false中菜单项的权限。在HTML文件中，循环通过menuList数组来打印它，并将每个menuList项与permissions对象进行比较。如果有权限，那么它将显示它，否则否。
我得到一个错误，因为api需要时间来返回数据，但html是在它返回响应之前构建的。这就是为什么我希望在组件初始化后首先得到api响应。
浏览 3提问于2017-07-31得票数 0
1回答
菜单覆盖标题
、、、
我的菜单背景是当你缩小你的浏览器(它的响应式菜单)时，会覆盖标题和内容(那些表格)。我如何让标题和表格向下移动一点，这样它就不会隐藏在菜单bg后面了？
HTML：
CSS：
浏览 0提问于2016-07-14得票数 0
我正在使用这个简单的函数$(document).ready(function() { $('#some-menu').load('menu.html'); $('#some-footer').load('footer.html') });将一个菜单加载到我的HTML页面中
它工作得很好，但在响应式视图中，它打破了引导下拉菜单。有没有人对此有快速修复或解决方案？
谢谢
浏览 5提问于2017-05-18得票数 0
1回答
在某些情况下，我曾在同一页面上看到有重复内容的Responsive网站。由于响应设计，页面的某些部分具有重复的HTML结构和内容。
例如，用于移动布局的菜单结构，然后是仅适用于tablet +桌面布局的单独菜单结构。
因此，在这些情况下，您的内容重复在同一个页面上，仅仅是因为用户被迫分离他们的HTML结构来响应不同的布局，这有什么负面的SEO影响吗？
浏览 0提问于2013-09-12得票数 11
回答已采纳
1回答
我需要一个响应式的下拉菜单，我已经看过教程等。但是所有的东西都涉及到javascript，我还不能使用它。菜单最好是用汉堡包。我一直在尝试并设法在没有汉堡包的情况下做到这一点，但是它看起来很可怕，内容也超过了它。 我附加我的代码没有响应菜单。任何帮助将非常感谢只使用CSS请。 <!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8">
<meta name="viewport" co
浏览 9提问于2019-04-11得票数 0
回答已采纳
我有一个按钮在我的html页面，我希望弹出菜单出现时，按钮被点击。请看附图。
我不是javascript专家。
请建议如何在html中创建弹出菜单？
浏览 2提问于2015-12-14得票数 0
回答已采纳
1回答
制作下拉菜单
、、、、
我试图在不使用引导程序的情况下做一个响应菜单，但我就是做不到
<ul class="nav">
<li class="active"><a href="index.html">Border</a></li>
<li><a href="gradient.html">Gradient</a></li>
<li><a href="transform.html">Tra
浏览 4提问于2015-03-01得票数 0
回答已采纳
1回答
我有一个超文本标记语言/CSS代码，您可以在这个中看到它
<div id="geral">
<div id="topo">
</div>
<div id="meioPage">
<div id="Menu_B">
</div>
<div id="Feed">
</div>
<div id="Menu_C">
</div>
</div>
</d
浏览 0提问于2015-02-10得票数 0
1回答
我已经创建了一个移动响应菜单，在这里我已经替换了图标并显示/隐藏了菜单。
First主导航菜单做得很好，我调整屏幕大小并移动到移动版本。，，我点击了汉堡包菜单，效果很好。当i使窗口大小再次变大时，主导航菜单就不会出现。所以问题是，当我从767 to大小移到全屏时，我的主导航菜单就消失了。我使用了离子图标，其中ion-navicon-round是汉堡包菜单，ion-close-round是大x图标。
下面是用图像描述的情况。首先:在全屏上
这是响应菜单。
导航菜单消失了。
这是我的HTML代码导航菜单。
<!-- HTML code -->
<ul class
浏览 0提问于2018-05-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
