イメージの元のサイズを表示しようとしています。多くの場合、それを含むdivの幅よりも大きくなります。divで自動イメージのサイズ変更を無効にする(ブートストラップを使用)
最新のブラウザでは、親divに合わせて自動的にサイズが変更されます。 overflow: auto
を使用しても、画像のサイズが変更されます。
それで、外側のdivの幅が設定されている場合、画像のサイズが変更されないようにするにはどうすればよいですか?
ありがとうございました!
イメージの元のサイズを表示しようとしています。多くの場合、それを含むdivの幅よりも大きくなります。divで自動イメージのサイズ変更を無効にする(ブートストラップを使用)
最新のブラウザでは、親divに合わせて自動的にサイズが変更されます。 overflow: auto
を使用しても、画像のサイズが変更されます。
それで、外側のdivの幅が設定されている場合、画像のサイズが変更されないようにするにはどうすればよいですか?
ありがとうございました!
ブートストラップの最大幅を画像に100%に設定しました。それを変更します。
img {
max-width: none;
}
私はむしろ、ブートストラップのコアレイアウトを変更するよりも、ブートストラップよりも優先されますクラスを作成する方が良いでしょう。この1 img {min-width:100%}
説明を追加することもできます – oefe
を使用。例: 'img.oversize:{max-width:none}' – isherwood
これはZurb Foundation(6ととにかく)にも当てはまります。 – Whatcould