基金會12列網格調整大小問題

Question

我正在與基金會的12列網格，它按預期工作 - 我有一個大型4和中6列的標誌，然後全屏12列的小屏幕。一切都很好，除了當我將iPhone旋轉到橫向時，標識太大（高）以適應屏幕，因爲它仍然是一個「小」屏幕，因此它佔據了屏幕的整個寬度因此對於屏幕來說太大（因爲它和寬度一樣高）。

所以我的問題是，解決這個問題的最好方法是什麼？如果我使用定向媒體查詢使其在橫向屏幕上變得更小，那麼在大型橫向屏幕（例如筆記本電腦或計算機屏幕）上它太小。另外，如果它不是小屏幕尺寸的全部12列，那麼它在移動設備上的縱向方向上太小。

謝謝。

（全屏查看和調整或在手機上查看，看問題。）

See CodePen here

<!---->

http://codepen.io/mrseanbaines/pen/dOdoEy

Answer 1

有幾個方法可以解決這......如果你有一堆你認爲你會想要的東西爲此，您可以爲該中間階段添加自定義斷點（請參見http://foundation.zurb.com/sites/docs/media-queries.html#sass-variables）。

這就是說，如果你只是想特別針對這個形象，它很可能是足以只是把最大高度就可以了，像

#logo { 
    margin-bottom: 20px; 
    max-height: 50vh; 
}