マテリアルデザインライト。グリッドシステムの予期しない動作
user3272018
まず第一に写真：
これはgetmdl.ioの画面です。私はこの振る舞いを理解できません。悲しいことに、それぞれの幅が行幅の1/3に等しい行に正確に3列が必要です。ただし、一部の画面解像度では、列の幅が行の幅の半分に等しくなります。これは、メディアクエリに基づくcss命令からのものであり、仕様によるもののようです。
だから私の質問は、私はこの行動を防ぐことができますか？そうでない場合、その動作の理由は何ですか。
PS私はブートストラップから来ましたが、この問題はありませんでした。
nqngo
箱から出して説明したことを実現する方法はありません。モバイルで3つの列を使用することを主張する場合は、@ JyotiPathaniaによって提案されているようにクラスをオーバーライドする必要があります。
Material Design Liteグリッドシステムはとはまったく異なることを忘れないでくださいBootstrap。Bootstrap固定の12列があり、すべてのビューポートで縮小されています。対照的に、Material Design Liteデスクトップ用に12個、タブレット用に8個、モバイル用に4個あります。そのため、.mdl-cell--4-colデスクトップでは画面の3分の1、タブレットでは画面の1/2、モバイルでは画面全体が使用されます。
私の提案は、BootstrapデフォルトMDLクラスを考えてオーバーライドすることを避け、フレームワーク設計の決定を受け入れるようにすることです。それ以外の場合は、カスタムを使用することをお勧めしますBootstrap MDL theme。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
TOP 一覧
- 1
Python / SciPyのピーク検出アルゴリズム
- 2
セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか？
- 3
tkinterウィンドウを閉じてもPythonプログラムが終了しない
- 4
androidsoongビルドシステムによるネイティブコードカバレッジ
- 5
ZScalerと証明書の問題により、Dockerを使用できません
- 6
Reactでclsxを使用する方法
- 7
VisualStudioコードの特異点/ドッカー画像でPythonインタープリターを使用するにはどうすればよいですか？
- 8
二次導関数を数値計算するときの大きな誤差
- 9
Ansibleで複数行のシェルスクリプトを実行する方法
- 10
STSでループプロセス「クラスパス通知の送信」のループを停止する方法
- 11
ビュー用にサイズ変更した後の画像の高さと幅を取得する方法
- 12
Three.js indexed BufferGeometry vs. InstancedBufferGeometry
- 13
__init__。pyファイルの整理中に循環インポートエラーが発生しました
- 14
三項演算子良い練習の代わりとしてOptional.ofNullableを使用していますか？
- 15
エンティティIDを含む@RequestBody属性をSpringの対応するエンティティに変換します
- 16
Spring Boot Filter is not getting invoked if remove @component in fitler class
- 17
値間の一致を見つける最も簡単な方法は何ですか
- 18
reCAPTCHA-エラーコード：ユーザーの応答を検証するときの「missing-input-response」、「missing-input-secret」（POSTの詳細がない）
- 19
Rパッケージ「AppliedPredictiveModeling」のインストール中にエラーが発生しました
- 20
画像変更コードを実行してもボタンの画像が変更されない
- 21
好き/愛の関係のためのデータベース設計
コメントを追加