異なる画面サイズの画像マッピング。

Question

だから私はそれを提供することができますコードをしたい場合！私は惑星の大きな写真を持っていた惑星のウェブサイトを作りました。私は惑星の画像マッピングを使っていました（W3Schoolsから）。問題は、私がブートストラップを使用しているので、より大きいラップトップイメージで同じWebサイトを開くとイメージが大きくなってしまい、イメージマッピングが乱れてしまうということです。これには何か解決策はありますか？すべての画面でイメージマッピングを使用できますか？

Answer 1

画像タグの最大幅を設定する必要があります。最大幅は大きくならないようにしてください。また、画面サイズの@mediaクエリを設定する必要があります。しかし、コンテナの大きさに対するパーセンテージでイメージを設定することもできます。 （例えば）幅：50％;例えば

：

//Desktop or Landscape Tablet Screen Size 
@media all and (min-width: 981px) { 
img { 
max-width: 400px; 
} 
}