我在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/

10-09 14:38