我在导航栏上有一个菜单,它有一定的页边距-顶部和一定的边距-右侧,当导航栏崩溃时,我希望菜单有边距-顶部= 20px,而不影响导航栏的边距-顶部(它应该返回到正常的边距-顶部,如它以前一样)。
发布于 2018-06-10 03:18:02
是的,听起来你可以用css媒体查询来做这件事,但是就像有人说的,请分享代码。
@media screen and (max-width: 480px) {
li.menu {
margin-top: 20px;
}
}
其中,最大宽度设置为您想要的宽度,而"li.menu“针对的是您希望更改其边距的元素。
别忘了把viewport meta标签加到你的头上,这样媒体查询才能正常工作。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
另外,如果您没有使用特定于该菜单项的ID或类,请确保媒体查询位于常规菜单样式下,否则它将被覆盖。
发布于 2018-06-10 02:25:48
你可以用javascript或者css来实现。当菜单被折叠时,这是因为我们在像手机一样的小屏幕上。您可以复制您的菜单,并隐藏一个当它折叠与您的页边距。
或者是第二个选项最佳选项。当您在某个屏幕上时,可以使用媒体查询
https://stackoverflow.com/questions/50777287
复制相似问题