我在www有一个网站。结构数据。 com
当站点位于桌面上时,它看起来很棒。但是,当它开始变窄时,红色的“注册”按钮开始与菜单重叠,
我想在CSS中进行媒体查询,当在较小的屏幕上查看时,该按钮将迫使按钮下降到导航下方。我该怎么办?
标头设置为
<div id="header_main">
<div class="container">
<div class="inner-container">
<strong class="logo"></strong>
<nav class="main_menu"></nav>
<div id="text-8" class="widget"> BUTTON IS HERE </div>
</div>
</div>
</div>
我尝试设置.header_main.widget
到display:block和inline-block,但都无效。我尝试清除:两者都一样。
最佳答案
媒体查询可能很棘手,您可以阅读许多有关here(w3c)和here(mdn)的信息。
在您的情况下,媒体查询如下所示:
@media screen and (max-width:320px) {
#header_main .container .inner-container .widget {
/*Styles go here*/
}
}
希望这可以帮助!
关于css - 站点变窄(响应)时更改菜单 float ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34665492/