画像の幅と高さを定義するのは材料設計のイデオロギーに反していますか？

Question

私はmaterial designのプロジェクトに取り組んでいます。そして、（200x200）のようにハードコードされた画像のサイズを設定したかったのです。私はちょうど知りたい、私は正しいことをやっている。イメージの幅と高さを定義することは、材料設計のイデオロギーに反していますか？

Answer 1

いいえフレームワークのイデオロギーに反しませんが、さまざまなピクセル密度をどのように扱うか、200pxよりも大きいimgを伸ばしているかどうかに応じて、サイズを明示的に設定した後に適応します。

マテリアルデザインは、視覚的にレイヤーを作成することと、UIのルールのセットです。

あなたの画像はおそらく400pxで、絶対サイズの200pxの要素である必要があります。

.image-wrapper img { 
    display: block; 
    width: 100%; 
    height: auto; 
} 

.image-wrapper { 
    max-width: 200px; 
}