当屏幕变小时，如何使导航栏上的元素堆叠在一起？
当屏幕变小时，可以使用媒体查询和CSS来实现导航栏上的元素堆叠在一起。以下是一种常见的实现方式：
- 使用媒体查询：在CSS中使用媒体查询，根据屏幕宽度设置不同的样式。例如，当屏幕宽度小于某个阈值时，将导航栏元素的布局改为堆叠。
@media screen and (max-width: 768px) {
/* 在屏幕宽度小于768px时应用以下样式 */
.navbar {
flex-direction: column; /* 将导航栏元素的布局改为垂直方向 */
}
.navbar-item {
margin-bottom: 10px; /* 设置导航栏元素之间的间距 */
}
}- 使用flexbox布局：使用flexbox布局可以方便地实现导航栏元素的堆叠效果。通过设置flex容器的flex-direction属性为column，可以将导航栏元素垂直堆叠。
.navbar {
display: flex;
flex-direction: column; /* 将导航栏元素的布局改为垂直方向 */
}
.navbar-item {
margin-bottom: 10px; /* 设置导航栏元素之间的间距 */
}- 使用CSS网格布局：使用CSS网格布局也可以实现导航栏元素的堆叠效果。通过设置网格容器的grid-template-columns属性为1fr，可以让导航栏元素自动堆叠在一起。
.navbar {
display: grid;
grid-template-columns: 1fr; /* 将导航栏元素的布局改为自动堆叠 */
}
.navbar-item {
margin-bottom: 10px; /* 设置导航栏元素之间的间距 */
}以上是一种常见的实现方式，具体的实现方法可以根据项目需求和设计风格进行调整。腾讯云提供了云服务器、云数据库、云存储等多种产品，可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息，请访问腾讯云官方网站：https://cloud.tencent.com/。
相关·内容
2回答
当窗口调整大小时，如何使我的肚脐不折叠/切换？我试着添加
.collapse{
display: inline-block;
}
我的css。这样，当窗口被调整大小时，导航条元素就会被堆叠。我还使用了引导4 alpha 6
下面是我的导航栏代码：
浏览 4提问于2017-04-02得票数 0
回答已采纳
1回答
目前我已经设置了一个导航栏，但是当我将标签缩小到平板电脑大小时，导航栏堆叠在一起，看起来真的很奇怪。然而，当我一直缩小到移动端时，问题就解决了。确定导航栏何时缩小为汉堡包的最好方法是什么？对我来说，理想的情况是导航栏标题开始堆叠起来。
浏览 0提问于2017-07-29得票数 0
我有一个关于如何保持导航栏无响应的小问题。我的菜单上只有5种菜。
如果我不为小屏幕分辨率设置折叠，导航栏项目将会堆叠在一起，这并不是很方便。
我想让这些元素内联(也许可以调整它们的大小)，因为它对于小屏幕分辨率仍然是清晰的。
这是一个屏幕截图和导航栏的代码(我使用的是wordpress)。我使用LESS + Grunt进行编译，所以变量可能位于Twitter Bootstrap LESS文件中。
两个屏幕截图(第一个是大屏幕渲染-我的偏好-第二个，显示当前结果。
有没有办法保持这个导航栏的内联风格(而不破坏其他导航栏的责任)？
<header class="b
浏览 4提问于2013-09-27得票数 2
我只是从语义UI开始，希望创建一个类似于的主题。
主要的区别在于，我希望导航菜单能够响应，所以我添加了stackable类。当我改变屏幕大小时，菜单本身就会被堆叠起来，但它隐藏了“巨型加速器”。我希望巨无霸直接定位在导航栏旁边的任一模式，堆叠或未堆叠。
请查看和这张截图。红色区域应始终在菜单下方对齐。
我在这里错过了什么？
浏览 5提问于2017-10-27得票数 1
回答已采纳
我有一个滚动功能，使导航栏滚动更大和更小的时候，用户在页面的顶部。当屏幕变小时，导航栏会转换为可折叠的导航，当出现这种情况时，功能将无法正常工作。 我想将函数嵌套在一个检查屏幕大小的函数中。当屏幕尺寸大于720时，需要触发滚动函数，否则需要返回。 目前，我得到了以下jQuery： $(document).ready(function() {
if($(window).width() > 720) {
window.onscroll = function() {scrollFunction()};
function scrollFunction()
浏览 24提问于2020-07-03得票数 0
回答已采纳
1回答
我已经花了几个小时处理这段代码了，我搞不懂。
我试图创建一个单一的导航链接(如果这是相关的话，总共是9个)，第一个链接锚定在屏幕的左侧，另一个链接到右边(比如一行文本)。
我的链接都是堆叠在一起的，在同一地点。我做错了什么他们不会出现在一条线上？
.logo {
font-family: 'Work Sans';
font-weight: 100;
font-size: 150px;
color: #B5B5B5;
position: absolute;
margin-top: 25px;
text-alig
浏览 0提问于2020-01-24得票数 2
回答已采纳
我有一个非常普通的布局，导航在左边的侧边栏，主要内容在右边。Bootstrap的工作方式是，当屏幕太窄时，导航菜单位于顶部，内容位于顶部。
但我觉得这太丑陋了。当我有实际内容要显示时，我不想在导航上浪费那么多空间。相反，我想要的是在左边有一个非常窄的栏或按钮，当你触摸它时，一个模式导航菜单就会从左边滑出。
我找不到任何关于如何在bootstrap中实现这一点的东西。没有示例或教程，也没有其他文档。
我遇到了一些问题:当我将其作为网格的一部分时，它会在小屏幕上流向顶部，而我显然不希望这样。当我把它作为主要内容的一部分时，它离屏幕边缘太远了；我想让它就在屏幕的边缘。此外，它滚动的主要内容，我希望它
浏览 2提问于2013-01-22得票数 0
当导航栏缩小时，如何将其徽标动画化以滑入导航栏？我可以让滚动条在滚动线上缩小，但不像他们那样做，我也弄不清楚他们是如何将图标动画化的。我真的很想在导航栏上有这个功能。
浏览 1提问于2014-07-24得票数 0
回答已采纳
4回答
我在中创建了一个底部导航栏(脚注)，以包含一些社交媒体链接：
有一个断点，无序列表项(li)将垂直堆叠，而不是水平堆叠：
我可以看到这种行为对于使用带标题的导航条是可取的(我在我的顶部导航栏上使用它)，但是由于我只是使用这个底部的图标，所以我不希望它们垂直堆叠，因为它们有足够的宽度水平地排列到移动屏幕上。
我如何才能在我的底部肚脐上禁用这种行为？
我还想知道，当设备的宽度小于电话号码和社交媒体图标的宽度时，我左边导航项中的电话号码和图标是否会消失。
引导版本为3.3.2。
更新：这是一把小提琴
浏览 3提问于2015-02-22得票数 4
回答已采纳
我很难使我的<h1>标题链接为我的网页展开，以填补整个<header>标签在我的网页。下面似乎有个缺口，我不知道怎么弥补。
此外，我的导航栏也有类似的问题，当我增加浏览器的大小时，它会不断扩展。
尝试浏览这个JSFiddle中的标题和导航栏，看看我的意思：
有人能帮我解决这个问题吗。
浏览 3提问于2014-04-27得票数 0
回答已采纳
当屏幕调整大小/缩小时，我的导航栏会重叠/包装到第二行。这看起来很乱。我在媒体设备上使用了一个切换按钮，但这并不能解决人们何时调整窗口大小的问题。
有两个网站，我可以给出一个例子，我希望通过我的导航栏/网页：
请注意，对于这两个网站，当屏幕调整大小时，页面保持不变；虽然窗口缩小了，但页面上的任何内容都没有减少。肚脐保持不变。
这是我想要实现的，但我不知道如何实现？
仅仅通过菜单/导航栏就可以实现这一点吗？而不是把整个网站固定在位置上？
所有的回复将不胜感激！
谢谢!
约翰。
浏览 4提问于2017-08-09得票数 3
2回答
我正在努力使我的当前CSS导航响应移动设备。
我现在使用一个媒体查询来设置它，这样当屏幕宽度低于指定的大小时，它会改变为块形式(堆叠)，菜单图标出现在徽标的右边(稍后会变成一个按钮)。
我目前遇到的问题是，用于导航中的第二个链接的下拉菜单正在导致第二个链接和第三个链接之间出现一个空白(好像下拉内容占用了隐藏的空间)。
我试图寻找解决方案，但似乎找不到正确的答案，我的特殊设置。基本上，“它的工作原理”的链接应该就在移动的“区段”下面。
<a href="#">
<img class="logo" src=
浏览 4提问于2015-01-11得票数 0
回答已采纳
1回答
导航重叠
、
在此页面上：
注意:左边的导航栏写着“一个很长的页面标题。还有一个很长的标题。大约在菜单的一半位置。它超出了导航栏的宽度，进入了内容区域。”
我已经尝试了大约3个小时来解决这个问题，我确信这只是我工作过度和压力过大造成的，但我终生无法弄明白这一点。
提前感谢！
浏览 0提问于2010-03-04得票数 0
2回答
我有一个图像作为标题，当屏幕较小时，例如，当网站在iPhone或iPad上查看时，图像对屏幕来说太大了。
图片覆盖了导航，使网站无法使用。
我需要找到一种方法，使图像改变大小与屏幕的大小相关。
我该怎么做呢？
浏览 0提问于2012-01-21得票数 1
回答已采纳
我是网络前端开发的新手，虽然我有后端和嵌入式编程经验.
我正在学习前端开发使用Bootstrap。我编写了这个简单的引导代码(可用的)作为练习。
我观察到的是，当我在240 on宽显示器上查看输出时，navbar的元素垂直叠加。如何阻止navbar元素垂直堆叠，并在显示宽度减小时保持其水平对齐。如果我从select中删除navbar元素，那么navbar极右的“切换条”按钮将与极左的"navbar品牌“保持水平对齐。但如果将select元素添加到"navbar品牌“旁边，则"navbar品牌”、“select元素”和“切换条按钮”垂直堆叠。
另外，当显示大小增加到不同大
浏览 1提问于2016-07-01得票数 0
回答已采纳
我正在尝试使用bootstrap来创建导航栏。导航栏的左侧是功能菜单。右侧是导航按钮，带有指向控制面板或注销页面等的链接。
导航栏如下图所示。
当我减小浏览器的大小时，它应该如下图所示。
但是，如果浏览器是中等大小，导航栏将如下图所示。
也就是说，左边的导航栏和右边的导航栏不是内联的，而是堆叠在一起的。
我想知道如何让左侧和右侧导航栏始终内联，或者只是折叠它们。
代码位于：
我尝试按照这个来解决这个问题，但是失败了。
有什么需要帮忙的吗？
浏览 1提问于2016-03-12得票数 0
我在我的页面上元素的位置有问题。
当我试图在另一台屏幕尺寸不同的电脑上打开网站时，它变得有点混乱。
当我调整窗口大小时，同样的情况也会发生。某些元素彼此堆叠在一起。每个元素都被定位为绝对元素。我非常感谢大家的帮助！
浏览 3提问于2014-08-13得票数 0
如何使用bootstrap创建自动堆叠的响应式选项卡。我的导航密码是-
<div>
<ul id="tabslist_navs" class="nav nav-tabs">
<li><a href="#">Normal</a></li>
<li><a href="#">Hover</a></li>
<li><a href="#
浏览 5提问于2012-12-15得票数 18
我使用了一个用createBottomTabNavigator()创建的底部选项卡导航器，并向它传递了几个屏幕，每个屏幕都包含自己的堆栈导航： const tabNavigator = createBottomTabNavigator({
TradingStack,
LendingStack,
FinanceStack,
AccountBalancesStack,
OtherStack,
},
{
tabBarComponent: props => (
<NavigationFooter />
)
浏览 10提问于2020-01-23得票数 4
回答已采纳
下面是我的html和css代码：
<div id="navigation_header">
.....<br>
.....<br>
.....<br>
</div>
<div id="main_page">
**********
</div>
#navigation_header {
float:left;
}
#main_page {
float:left;
}
如您所见，main_page就在导航栏上。
但是，当我调整浏览器窗
浏览 5提问于2014-06-05得票数 1
回答已采纳
我在Rails应用程序上处理Foundation时遇到了问题。它们大多与定制和少数导航结构相关。
在我的assets文件夹中，我将application.css.scss和framework_and_overrides.css.scss作为覆盖样式导入到我的application.css.scss中，我还在其中导入了“基础”。
我理解top-bar的默认结构，但是我没有像样机中描述的那样构建一个两级响应式导航：
首先，很难改变大小、链接和背景颜色。有没有比检查或修改每个元素更简单的定制方法？
我是否可以在两行中创建一个导航栏，此部分中的每个列表元素都属于切换，并且我需要保持
浏览 0提问于2014-07-18得票数 3
我在我的页面底部有一个漂亮的导航栏，中间有一个带你到主页的徽标，两边都有2个链接带你到这些页面。我使用@media css使页面变得更小，但是一旦你碰到xs/sm断点，它就太多了，无法显示在屏幕上。
例如：
|-------Video-------|-------About-------|------LOGO/BRAND------|------Schedule------|--------Ask--------|
有没有办法让导航栏链接在两边堆叠在一起，这样我就可以保持一个干净、对称的外观，而不是让它成为一个折叠的菜单按钮？
例如：
-视频-LOGO/BRAND-时间表
|----About
浏览 14提问于2017-06-17得票数 0
我对Xcode编程非常陌生。我在我的程序中添加了一些视图控制器，标签，按钮和图像视图，但是，当我试图调整标签的大小时，标签所在的视图控制器就会被替换。我的意思是，当我试图拖动标签的一侧来改变它的大小时，视图控制器会向下移动，使我的标签在视图控制器中被移动。这是一个非常奇怪的情况，你有我的项目的屏幕截图，视图控制器错误的位置是一个在导航栏上写着"Perfil“的。每当我试图更改其中一个浅蓝色视图大小时，整个视图控制器就会更改位置。我越想改变立场，它就会越往下掉。对不起我的英语，不是我的母语。
浏览 2提问于2013-10-19得票数 0
回答已采纳
1回答
XCODE:标签约束行为怪异
、、、、
我有一个带有以下约束的标签：
它在iPhone 11上工作得很好，但是对于iPhone 8，它的行为非常奇怪。当它是iPhone 8或该大小的手机时，我将顶部约束常量从29调整为10，并对它旁边的红色星号标签(25到6)也这样做，但是当我在iPhone 8这样的较小的手机上运行它时，它看起来如下所示：
我试过很多办法来解决这个问题，但都没有用。下面是星号的约束条件，以及下面的视图(包含textfield的视图)。你所能看到的只有文本框外的黑色部分。)
星号：
查看：
以防万一，顶部的导航栏：
您所看到的导航栏到名称标签和所需名称标签的约束分别从
浏览 2提问于2020-10-07得票数 0
回答已采纳
1回答
我把肚脐固定在上面了。我已经将引导导航条定制为完全白色的颜色，但是当我向下滚动时，向下滚动的屏幕与导航条混合，从而阻碍了导航条上的内容，因为导航条是透明的。我如何使导航条修复和不透明，使我滚动时，内容不应与导航栏冲突。
浏览 4提问于2014-03-09得票数 1
回答已采纳
我正在使用bootstrap来创建一个网页。问题是我有一个水平导航栏，一个主标签和一个页脚。当我调整屏幕大小时，导航栏的主页和页脚不对齐，导航栏比主要内容宽，而页脚更靠内。为了部分修复这个问题，我修改了每个元素的样式，但是当导航栏自我调整时，它会变得比HTML中的其他元素更宽。有没有一种全局的方法让所有的事情都对齐？
浏览 3提问于2017-08-26得票数 0
对于B3，有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小，菜单折叠为3栏按钮，菜单变成折叠菜单。
有没有使用Bootstrap 4做这件事的例子或模板？我找到的响应示例可以折叠菜单，并显示3栏按钮，但菜单不会变成手风琴菜单。也有许多BS4的下拉示例，但不是响应式的。
当屏幕变小时，我是否必须隐藏整个导航栏，并显示具有所有相同选项的手风琴？这似乎比BS3要多得多的工作。
浏览 1提问于2016-04-25得票数 1
我正在使用navbarPage()布局构建一个闪亮的应用程序。我想在屏幕的右边，在导航栏中插入一张图片。它看起来就像堆叠溢出站点顶部的导航栏，但在最右边有一个徽标。我试过：
shinyUI(
navbarPage (title="test Page" ,
img(src="mylogo.gif", style="float:right; padding-right:25px"),
tabPanel(title="Panel 1",...)
))
然而，所做的就是在导航栏的右下角显示图像，而不是第一个
浏览 7提问于2014-07-11得票数 34
回答已采纳
1回答
我有shopify商店，我有标题导航栏。当屏幕调整到移动大小时，我希望这个粘稠的标题条粘在顶部。在我当前的情况下，粘性导航条正在桌面视图上工作，但是当屏幕调整大小时，它就消失了。我想用这种方式把头条粘在顶部
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sticky_header
请告诉我如何使它在移动的尺寸上粘稠？
浏览 1提问于2018-04-11得票数 0
回答已采纳
1回答
我正在使用Dreamweaver CC使我的网站响应。屏幕尺寸超过1000‘m时，我遇到了问题。
在dreamweaver的底部有三个选项，用于响应web设计:桌面1000 In和更少，平板768 In和更少，移动480 In和更少。因此，我的网站看起来很好，所有这些设置，这意味着它看起来很好，以1000便士以下。但是我在家里的屏幕是1680 x 1050 is，所以当我查看我的站点全屏时，导航栏要比顶部的标题横幅图像长。
有没有办法阻止该网站超过1000 to？也就是说，即使是在1680x1050的宽屏上观看，这个站点也只会停留在1000 in，或者在两边填充一些空白空间？或者我应该用160
浏览 3提问于2015-04-04得票数 0
回答已采纳
对于导航条和工具栏图标，大小指定为22x22、44x44和66x66。但是，如果我想在我的屏幕上有一个不是导航栏或工具栏上的图标呢？例如，在注册页面上有一个循环上传照片按钮，大约是100 x 100。所以，在一个普通的按钮里，有一个相机的图像。
有没有关于这些图像需要有多大的指导方针？
假设100x100版本在iPhone 6上是正确的，我需要在Assets.xcassets中添加哪些大小? 50x50、100x100和200x200？
这些自定义图像是否根据屏幕大小进行缩放？
浏览 2提问于2016-10-08得票数 0
回答已采纳
我有一个带有UITableView的视图控制器。tableView中的顶部单元格是屏幕上最顶部的辅助功能元素。在iPads上，当从顶部单元格向左轻击时，行为与预期一样:它记录了没有更多元素可以获得焦点的声音。使用带有iPhone模拟器的可访问性检查器，再次如预期的那样，当向左导航经过顶部单元格时，导航停止，并且层次结构中的可访问性元素的读数与预期一致。
但在任何实际的iPhone上，从顶部单元格向左轻击都会导致: a)整个视图层次结构从屏幕上消失，焦点移动到导航栏所在的区域，或者b)在某些情况下，焦点跳到表视图的底部单元格。
在这两种情况下，都会传递以下隐含的错误消息：
[Accessibil
浏览 0提问于2019-05-18得票数 3
我有一个带有导航栏的页面：，它看起来不错，但是当你调整浏览器的大小时，所有的东西都会重叠。我想要的是让导航栏填满整个宽度，然后当屏幕调整大小时会弹出一个滚动条，但当我在.navbar类中做width :100%时，这不会发生。获得滚动条的唯一方法是使用绝对宽度。但如果我这样做，我就不能占用不同显示器大小的整个屏幕宽度。我该怎么做呢？
浏览 3提问于2011-12-19得票数 0
回答已采纳
我希望这不会太令人困惑，如果是的话，道歉。
我的处境：
我使用了超级鱼，这样我就可以在鼠标悬停导航项目时有一个带有下拉子菜单的导航菜单。
我使用引导主题使整个站点响应。
我使用“主菜单”而不是“导航”作为导航菜单栏。
我自定义菜单风格，改变'default.css‘在超级鱼，bootstrap.css和style.css的引导主题。
我在“主题”设置下的“外观”选项卡中未选中主菜单，以便在使用超级鱼时主菜单不会出现两次。
我使用的是drupal 7，超级鱼类-7.x-1.8和引导-7.x-2.x-dev
当屏幕尺寸缩小时，菜单栏消失，角落中的小按钮将显示出来。单击此按钮时，主菜单项应显
浏览 0提问于2013-03-27得票数 1
回答已采纳
2回答
我在html中的导航栏遇到了问题。我希望它能够适应大小的变化，然而，当屏幕变得非常小时，导航栏就会溢出并像磁贴一样向上移动(我不知道我是否使用了正确的术语)。我喜欢它，这样当浏览器变得很小时，它就会离开屏幕，而不是平铺。
我仍然希望它有一些流动性，但是只要达到这个导航栏的限制，简单地防止它变小。
我尝试过应用min-width属性，但是当我将屏幕变小时，<li>元素会流出彩色背景。
下面是jsfiddler：
浏览 5提问于2013-04-10得票数 0
我正在尝试构建一个仪表板菜单，其中我使用垂直导航栏进行导航。当窗格右侧没有内容时，导航栏将填充100%的高度。
当我放大或缩小时，它可以完美地工作，但当页面右侧有内容时，导航栏不会在我放大时填满页面的100%。
导航栏的代码样式如下所示：
.sidebar{
position: absolute;
width: 250px;
height: 100%;
background-color: #535392;
display: table-cell;
}
页面右侧内容的样式如下所示：
.PageContainer{
position: absolu
浏览 1提问于2020-12-06得票数 0
我在选择屏幕上使用getter和setter，通过导航栏上的按钮将其推送到导航堆栈上。
选择屏幕设置变量，但是我不确定从哪里获取父屏幕上的值。
选择屏幕仅在我的导航栏按钮中启动和定义。
我必须在父屏幕的界面中声明viewController吗？
浏览 1提问于2011-01-27得票数 0
回答已采纳
我正在创建一个安装在屏幕顶部的引导导航条，但在小屏幕上，我不希望出现向下显示文本的汉堡包按钮。相反，我只想让文本出现在导航栏上，就像在大屏幕上一样。
这是我的肚脐条码
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<a class=&
浏览 7提问于2015-01-02得票数 2
回答已采纳
例如，当有人在使用电话或调整屏幕大小时，我如何使导航栏堆栈中的元素堆叠在一起？它对我来说已经起到了一点作用，在这个意义上，当我的导航栏变小时，只有最后一个元素会低于其他元素，但它是唯一一个下降的元素，其余的元素由于某种原因只是停留在原地。下面是我的代码： body {
margin: 0;
padding: 0;
}
nav {
width: 100%;
height: auto;
position: relative;
margin: .4em auto;
浏览 21提问于2020-11-27得票数 0
回答已采纳
当屏幕宽度小于768px时，会完全隐藏侧边栏导航(而不是折叠或堆叠)。你将如何通过这样的设置来支持移动？
浏览 3提问于2014-04-10得票数 8
回答已采纳
1回答
当浏览器窗口达到一定大小时，我尝试将导航条移动到右侧的固定位置，并在小于该大小时将其放在顶部。使用下面的代码(如jsfiddle所示)，当我调整html的大小时，导航栏在左边(而不是右边)对齐。
问题:如何将导航栏移动到媒体查询的屏幕右侧。根据我在此发现的几个问题，使用position: fixed; top:50%; right:0;应该就足够了，但是它并没有按预期工作。
(请注意，如果要在链接到jsfiddle上进行测试，可以扩展html部分的边界以触发媒体查询)。
片段和
.navbar {
position: fixed;
top: 0;
left: 0;
widt
浏览 2提问于2017-08-19得票数 4
回答已采纳
我正在尝试模仿苹果未接来电屏幕的行为，在一个大标题导航栏中的标题上方有一个分段控件。
因此，当条较大时，分段控件将位于标题上方，并且当滚动视图使大条变小时，标题将消失，分段控件保持不变。与iOS未接来电屏幕完全相同
浏览 2提问于2017-10-10得票数 3
1回答
我的网站有一个带下拉菜单的导航栏。在宽度为1024 On的设备上(12和13英寸的台式机)，我的导航条变得响应性强，并被堆叠成2行，以适应较小的屏幕大小。
当我在导航栏顶部一行的菜单项上悬停时，下拉菜单显示在导航栏底部的一行下面。这造成了一个缺口，打破了悬停行动。我需要缩小差距，只有在顶部一行菜单项的导航栏。我在检查要向上移动的下拉菜单元素时复制了以下代码：
.navbar-nav>li>.dropdown-menu {
margin-top: -10px;
}
.dropdown .dropdown-menu {
border-radius: 0;
top: 120% !imp
浏览 1提问于2015-08-26得票数 0
回答已采纳
我为工作构建了这个非常简单的，当我在移动设备上调整大小时，我发现了一个与顶部导航栏相关的问题(请注意，这个网站没有移动版本，也不会有)。
在移动屏幕上调整大小时，导航栏保持不变，而内容可以移动。这意味着，当导航栏停留在左上角并部分遮挡屏幕时，文本在导航栏下方自由移动。请参考下面的截图：
如果检查源代码，顶部导航栏将设置为fixed。如果我删除这一行，在移动设备上调整大小可以正常工作，但为内容指定的上边距(这样它就不会与导航栏重叠)变得很大。
但是，当您在计算机上调整窗口大小时，更改此边距会影响导航栏，如下所示：
我上一次使用html和css已经有很多年了，所以如果我错过了一些显而易见的东西
浏览 0提问于2016-07-07得票数 0
2回答
我目前在一个网站上工作，在网站的顶部，我有一个导航栏，当你滚动时，导航栏会留在屏幕的顶部。以下是它的示例图像：
问题是，当我向下滚动时，通过导航栏可以看到一些(但不是全部)文本，使其难以辨认：
下面是代码：
HTML
<div class="nav">
<div class="container">
<ul class="pull-left">
<li><a href="./index.html">Home</a></li>
浏览 1提问于2018-06-27得票数 0
4回答
我有下面的div，它在导航栏上显示了一个登录按钮，但是如果屏幕很小，我想隐藏这个按钮。由于某些原因，当我添加fxHide.gt-sm=true时，当我将屏幕变小时，它并没有隐藏。我该如何解决这个问题呢？
<div fxHide.gt-sm="true">
<ng-template #login>
<button
mat-icon-button
[routerLink]="['/auth']"
[style.width]=
浏览 4提问于2018-04-09得票数 1
我有两个DIV固定在页面顶部，当用户开始滚动时，这些DIV留在顶部。
我有一个导航栏div，我有一个搜索栏div就在这个下面。导航栏在移动设备上可以正常工作，因为它在移动设备上的高度与桌面上的70px相同。然而，搜索栏是一种形式，桌面上的高度是100px，但在移动设备上，它变长了，接近200px。
因此，在移动设备上，搜索栏下面的内容会被切断。处理这个问题的正确方法是什么？如果可能的话，我更喜欢使用纯CSS的东西，但我可以使用一些Javascript，但这是一个AngularJS项目，所以我需要小心，因为有些事情只是与JS的一点接触。
我很感谢你的帮助。
编辑以包含代码..
这是搜索栏；
&l
浏览 19提问于2018-01-07得票数 0
我已经自学了一段时间的前端web开发，到目前为止，我已经承担了几个客户项目，并取得了良好的成功。我目前在网站www.thrivetech.com上工作，有一个问题。在这个网站的主页上有3个文本栏，每个栏上面都有图片，我想不出一个好的方法让它们都保持相同的高度。在不同的屏幕宽度下，这3列会改变高度，有时会不匹配。Squarespace对象是本机响应的，当屏幕变得足够小时，这3列相互堆叠在一起，看起来很好。我已经添加了很多自定义CSS来改变背景颜色，文本颜色等，但不知道如何使其工作。即使我删除了所有的CSS，只有一个纯白色的黑色文本页面，这些列仍然可以做到这一点，并且不会保持相同的高度。我甚至联系
浏览 0提问于2016-04-12得票数 0
我的问题是:每当iPhone用户正在通话，或者使用他或她的手机作为热点时，iOS 7状态栏就会扩大，从而将我的Phonegap应用程序的UIWebView从屏幕底部推开。扩大的状态栏被称为“呼叫状态栏”。见下图：
堆栈溢出答案--我已经尝试纠正了这一点：
此外，似乎没有由Phonegap触发的任何事件通知我状态栏的更改。听Phonegap的“暂停”事件是无用的，因为1) 和2)它没有真正涵盖热点的情况。
我的目标-C技能是很小的，我只需要问这样的问题后，投入必要的4+小时谷歌，堆叠溢出，哭泣等.
堆叠的众神，求你赐给我你那慷慨的书呆子的怒气。
浏览 5提问于2014-02-07得票数 15
回答已采纳
我有一个标准的BS固定导航栏，后面跟着一个容器-流体。导航栏有4列，每列都有不同的背景色。 当我将浏览器窗口调整到尽可能小时，4列垂直堆叠在一起。 这意味着一些内容隐藏在堆叠列的下面。 我知道当使用导航栏时，你应该使用顶部填充，这是可行的，但我不想让我的顶部填充设置为一个很大的值，因为当页面最大化/不是移动尺寸时，它会产生很大的间隙。 <div class="navbar navbar-inverse navbar-fixed-top custom-header">
<div class="container-fluid">
浏览 10提问于2020-04-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
