解像度が次の値よりも小さい場合に要素を縮小しないようにブートストラップに指示する方法はありますか?
/* Portrait tablet to landscape and desktop */.
@media (min-width: 768px) and (max-width: 979px) { ... }
大きなデスクトップとタブレットの画面をサポートしたいのですが、その解像度以下では何も反応しません。
解像度が次の値よりも小さい場合に要素を縮小しないようにブートストラップに指示する方法はありますか?
/* Portrait tablet to landscape and desktop */.
@media (min-width: 768px) and (max-width: 979px) { ... }
大きなデスクトップとタブレットの画面をサポートしたいのですが、その解像度以下では何も反応しません。
min-widthプロパティを追加しても、グリッドシステムが混乱するのを防ぐことはできません。サイズを変更すると、クラスspan1〜12がまだ小さくなるためです。
オプションとして、http://twitter.github.com/bootstrap/customize.htmlにアクセスし、レスポンシブセクションで[狭いタブレット以下(<767px)]のチェックを外してから、カスタムブートストラップをダウンロードします。
bootstrap.css でモバイル画面のメディア クエリ コードを削除できます。
私は2つのステップを実行しました
少ない変数を設定します@screen-sm-min: 10px
。これにより、すべてのブートストラップのメディア クエリが停止します
そしてmin-width
、一番上の要素に設定するだけです。
私のために働く
min-width
縮小したくないすべての要素にcssプロパティを追加できます。