html - ページ内の画像を元のサイズにするにはどうすればよいですか?

Question

ここ

このテーマで画像を元のサイズにするか、スケール (幅/高さ = 元の幅/元の高さ)) でサイズを変更するにはどうすればよいですか?

多分テーマのcssを変更する必要がありますか？

Answer 1

Bootstrap には style が含まれていますimg { max-width: 100%; }。ほとんどの場合、これはあなたが望むものです...表示可能な領域よりも大きい画像は、収まるようにスケーリングされます. オーバーライドするには、値を使用しますnone。スタイルシートに新しいセレクターを追加して、全幅にしたい画像だけをターゲットにするようにしてください。あなたの場合、次の CSS を使用します。

.Output img {
  max-width: none;
}