html - Zurb Foundation でグリッドのサイズ変更を防止する

Question

Foundation でレスポンシブ サイトを構築し、特定のタブレット メディア クエリの外では、クライアントはブラウザーの幅が狭くなったときにグリッドが自動的にサイズ変更されることを望んでいません。

グリッド列のサイズ変更を防ぐために事後に適用できる簡単な手法はありますか?

Answer 1

.row セレクターを変更することで、グリッドを固定幅にすることができます。foundation.css から:

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 62.5em;
}

max-width プロパティを固定に変更したいので、max-width を削除して width に置き換えます。

width: 62.5em

メディア クエリのスタイルも削除する必要があります。