Ngăn hoặc tắt kích thước hình ảnh tự động trong div bằng css (sử dụng bootstrap)

Question

Tôi đang cố hiển thị kích thước hình ảnh gốc. Thường thì nó lớn hơn chiều rộng của div chứa nó.

Trong trình duyệt hiện đại, nó được tự động thay đổi kích thước để phù hợp với div gốc. Ngay cả khi tôi sử dụng overflow: auto hình ảnh vẫn được thay đổi kích thước.

Vậy làm cách nào để ngăn hình ảnh bị thu nhỏ lại khi div ngoài có chiều rộng được đặt?

Cảm ơn bạn!

Answer 1

Bootstrap có chiều rộng tối đa được đặt thành 100% trên hình ảnh. Thay đổi nó:

img { 
    max-width: none; 
} 

Answer 2

Tôi sử dụng này một img {min-width:100%}