【问题标题】:Same top-bar as small screen for all screen sizes与所有屏幕尺寸的小屏幕相同的顶栏
【发布时间】:2015-02-10 20:59:51
【问题描述】:

我正在使用foundation 5来创建一个网站。

我希望显示屏幕尺寸的顶栏显示在所有屏幕尺寸上:小、中、大、x-large。目前它只显示小屏幕尺寸。

我希望附加的顶部导航示例适用于所有屏幕尺寸。

那么我需要在 CSS 代码的哪个位置进行更改才能实现这一点?

【问题讨论】:

    标签: html ios css zurb-foundation


    【解决方案1】:

    如果我理解正确,您正在寻找的内容包括用百分比而不是 px 或 em 表示 html 元素的宽度。 此外,为了保留包含的元素,声明 min-width 和 min-height 是合理的。

    【讨论】:

    • 是的,Foundation 提供的 Css 代码对于小、中、大和超大屏幕都有固定的宽度。但我无法弄清楚代码中要更改哪些值,以便只有顶部导航元素对所有屏幕尺寸具有相同的行为。
    【解决方案2】:

    您可能有两个栏(标签栏和顶部栏)。据我了解,您希望标签栏始终可见。你的标签栏有一个类:

    show-for-small-only
    

    您应该删除类并删除顶部栏。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-27
      相关资源
      最近更新 更多