响应式Flex菜单

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、css、flexbox

我使用flexbox创建了一个带有简单触发器的响应式菜单，但我遇到了一个问题。} height: inherit; width: 960px; display: flex;} display: flex;} .logo {ba

浏览 21提问于2017-08-31得票数 0

回答已采纳

0回答

为要包装的元素编写CSS

css、wordpress、media-queries

我尝试了上百种不同的菜单栏(二级菜单)组合，当在较小的浏览器屏幕或设备中查看时，将菜单栏(二级菜单)包装成两行。only screen and (min-width : 375px) and (max-width : 667px) { display: flex; flex-wrap: wrap;} 有没有人可以帮我修复这个

浏览 10提问于2016-07-07得票数 0

4回答

Flexbox 6列等宽

html、css、flexbox

我是Flexbox的新手，但我想我可以用它来制作一个包含6列的响应式导航菜单。我遇到的问题是它会100%地伸展屏幕，但在大多数情况下，按钮的宽度是不相等的。有没有办法让按钮的宽度相等，同时仍然可以根据屏幕大小和字体大小进行响应？有关代码，请参阅以下内容： display: flex;.showSingle { max-width: 30%;

浏览 20提问于2017-01-24得票数 0

1回答

我正在做一个响应式的布局，在较小的屏幕上，侧边栏<ul>正在变成一个带有flex-wrap: wrap和带有flex-grow: 1样式的项目的display: flex。有没有办法让flex-box尝试基于平衡的每行总项目宽度来包装东西？例如，在第二个示例中，让"People“(也许还有"Protocols”)流到第二行会更有意义。或者，有没有另一种我应该采取的方法来布置这个菜单？ jsfiddle link

浏览 14提问于2019-03-02得票数 3

1回答

CSS过渡-消失并再次出现

css、reactjs

我正在尝试创建响应式菜单2)小屏幕变成画布外菜单我可以转换菜单和主容器来切换，但是我的切换按钮的行为很奇怪

浏览 23提问于2020-05-20得票数 1

1回答

使用flex布局在angular 2材质中开发响应式布局

angular-material2

如何使用flex布局在angular 2材质中开发响应式布局。在angular材质中，我们使用下面的代码在桌面和移动视图上进行响应式布局。例如。<div layout="row" layout-xs="column" layout-wrap="" layout-align="center center"> <div flex="33"flex-x

浏览 3提问于2017-01-18得票数 4

1回答

在Javascript (HTML/ Css /Javascript)中触发单击函数时，CSS可见性属性不会切换

javascript、responsive、hamburger-menu、responsive-navigation

我正在尝试制作一个响应式的汉堡包菜单，然而，在菜单编码的最后部分，我遇到了障碍…… 我已经尝试了我能想到的所有方法。由于某些原因，我的菜单不会完全消失或显示，因为我对代码所做的调整。在最后的调整中，菜单是不可见的，因为我已经指定它不在代码中，但是当我单击菜单按钮时，菜单不会切换。ul.classList.toggle('change'); position: absolute; width: 1

浏览 14提问于2020-12-05得票数 0

1回答

使菜单响应- Flex

html、css、flexbox

我试图使这个菜单响应使用Flexbox，我不能为我的生活看到我做错了什么。我希望菜单选项在移动视图中相互叠加。我在使用Flex的时候很好，但是我无法在这里找到错误。任何帮助都是非常感谢的！下面是到代码的链接： display: -webkit-box; display: -ms-flexbox; width: auto;

浏览 6提问于2017-10-20得票数 0

1回答

响应式菜单

css、html、responsive-design

有没有更好的方法来制作响应式页脚菜单？而不是复制和显示:无；在css？clear: both;}所以上面的代码显示了当屏幕低于600px时，它以这种方式将页脚推到菜单而不是底部，当然我绝对定位了页脚，但它只是位于菜单的上方而不是它的下方。

浏览 3提问于2014-05-21得票数 0

2回答

如何在两个边之间创建一个空间，而不是间隔

html、css、flexbox、responsive

我在做一个响应式菜单 <div style={{ display: "flex", flexFlow: "row wrap" }}> {/* left side */}

浏览 12提问于2020-10-22得票数 0

回答已采纳

2回答

像bootstrap一样在Flutter中构建布局

flutter、dart、flutter-layout

如何在Flutter中构建响应式布局，如bootstrap或angular flex布局？Angular Flex布局：

浏览 3提问于2019-07-05得票数 2

2回答

菜单链接在移动视图中重叠

html、css、drop-down-menu、flexbox、css-transitions

这是两张图片，在mwnus原始菜单后面是相互重叠的。

浏览 27提问于2021-07-02得票数 0

2回答

以这种方式使用flexbox可以吗？

javascript、html、css、flexbox、css-position

我想做一个导航标题菜单使用flexbox，使其响应的将看起来。我的想法是在主导航上使用一个display: flex; flex-direction: row; justify-element: space-between;，然后为两个菜单应用另一个display: flex; flex-direction: row;，一个使用justify-element: flex-start;，另一个使用justify-element: flex</em

浏览 11提问于2020-05-19得票数 0

回答已采纳

1回答

响应式图像flex图库

html、css、flexbox、responsive-design、responsive-images

我正在尝试使我的flex图像项目具有响应性。然而，我真的不知道如何在members目录中使这些图像响应。有人能帮帮我吗？class = "groupbg">

浏览 35提问于2021-08-14得票数 0

回答已采纳

3回答

CSS响应式flex布局

css、flexbox

我有一个简单的flex布局，其中有4个块。我如何使用flex来做这件事。} border: 1px solid red; padding: 0; display: flex; flex-direction: row; /*flex

浏览 51提问于2018-06-12得票数 2

回答已采纳

3回答

如何从屏幕右侧删除空白

css、wordpress、position、whitespace

这个wordpress网站的有一个响应式的徽标和菜单，我想要居中对齐，以便与帖子中内容的边缘对齐。有种感觉告诉我，这与响应式菜单按钮共享相同的类有关，.navbar .navbar-inner与非响应式菜单相同。我会改变这一点，但我的PHP知识有限，所以我不知道从哪里开始。我试过删除JQuery菜单本身，但没有效果(我猜是..)因为我实际上并没有移除响应式菜单按钮

浏览 1提问于2014-02-13得票数 2

1回答

BootstrapV4的flex* grow属性是否具有不同的大小？*

bootstrap-4

我知道‘flex-grow 1’是可用的，它对应于flex-grow: 1。但是flex-grow 2，flex-grow 3似乎不可用。你能告诉我这门课有没有空档？若否，原因为何？

浏览 25提问于2018-06-07得票数 0

回答已采纳

1回答

移动响应式下拉导航栏适用于小宽度浏览器，但不适用于我的手机

javascript、jquery、html、css

移动响应式下拉导航栏可以在小宽度浏览器上使用，但不能在我的手机上使用。当我将浏览器宽度设置为<1000 px并单击dropdown元素时，菜单会出现，但是，当我尝试在手机上打开它时，什么也没有发生。我完全不知道这可能是什么导致的，因为我以前没有尝试过让我的网站响应，因此我几乎没有什么知识。 $('.space').hide();.navigation {} display:

浏览 0提问于2018-07-03得票数 0

3回答

class="hidden sm:flex“在TailwindCSS中不起作用

tailwind-css

我想通过将隐藏的sm:flex添加到特定的项目来使我的导航栏响应。这意味着它在默认情况下是隐藏的，但只在小屏幕和更高的屏幕上显示。我做了一些调试，发现隐藏覆盖了所有内容，甚至是响应式变体。其他显示属性将适用于响应式变体。下面是我的代码： className="hidden sm:flex sm:w-2/5 w-11/12 mt-4 sm:mt-0 items-center shadow-md"

浏览 87提问于2020-04-05得票数 4

1回答

响应性效应

javascript、mobile、responsive-design、viewport

有没有办法在一个非响应式网站中运行响应式元素，比如响应式菜单--也就是说，在一个网站中不能有viewport标签。或者，有没有一种推荐的方法来达到同样的效果，即菜单本身将根据移动屏幕大小进行适当的比例调整。

浏览 0提问于2013-07-05得票数 0

点击加载更多