基盤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; 
}