基础使用偏移仅适用于中等屏幕

时间:2014-05-15 11:41:28

标签: css grid zurb-foundation offset

我对Foundation 5和网格有点问题。

我尝试仅为中画面应用偏移,但它似乎也适用于大屏幕和小屏幕。 有代码:

<div class="row">
  <div class="large-6 medium-offset-1 medium-6 columns">
      <p>Hello world</p>
  </div>
  <div class="large-6 medium-5 columns">
    <div class="right"><p>Hello world 2</p></div>
  </div>
</div>

正如您所看到的,medium-offset-1仅适用于中等,但大屏幕也有偏移......

为什么?

1 个答案:

答案 0 :(得分:6)

您可以明确使用large-offset-0

<div class="row">

  <div class="large-6 medium-offset-1 large-offset-0 medium-6 columns">

      <p>Hello world</p>
  </div>
  <div class="large-6 medium-5 columns">
    <div class="right"><p>Hello world 2</p></div>
  </div>

</div>