【问题标题】:CSS Grid: Mobile in text, desktop asideCSS Grid:文本中的移动设备,除了桌面设备
【发布时间】:2014-09-08 15:37:26
【问题描述】:

考虑以下示例,第一个是预期的桌面外观,第二个是移动设备外观。 (

对于使用带有媒体查询(如 twitter BS 或 Zurb Foundation)的通用网格系统来实现这一目标,您有何建议?

【问题讨论】:

    标签: css twitter-bootstrap zurb-foundation


    【解决方案1】:

    有了 Foundation,我会做这样的事情:

    <div class="row">
        <div class="small-12 medium-6">
            <div class="small-12">Title</div>
            <div class="small-12 show-for-small">IMG</div>
            <div class="small-12">Text</div>
        </div>
        <div class="small-6 hide-for-small">
            IMG
        </div>
    </div>
    

    但我必须输入两次“IMG”。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-07-30
      • 1970-01-01
      • 2016-09-26
      • 2017-04-04
      • 1970-01-01
      相关资源
      最近更新 更多