【问题标题】:Zurb Foundation menu - Separate Align for desktop and mobile viewsZurb Foundation 菜单 - 桌面和移动视图的单独对齐
【发布时间】:2014-09-09 17:25:51
【问题描述】:

对于我的 Zurb 菜单,我希望它在桌面视图中居中对齐 - 为此,我使用了以下代码:

nav.top-bar {
text-align:center;
}
section.top-bar-section {
display: inline-block;
}

问题是,它还在移动模式下将菜单居中。我希望移动模式保持与左侧对齐。这可能吗?谢谢!

【问题讨论】:

    标签: css ruby-on-rails zurb-foundation


    【解决方案1】:

    您需要使用css media queries。你可以这样做:

    @media only screen and (max-width : 320px) {
      nav.top-bar {
        text-align:left;
      }
    }
    

    确保将此样式添加到原始样式下方,以便它可以覆盖它。查看一些 media queries for standard devices

    【讨论】:

      猜你喜欢
      • 2013-02-16
      • 1970-01-01
      • 2013-12-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-06-23
      相关资源
      最近更新 更多