Hình ảnh kích thước CSS

Thuộc tính thay đổi kích thước hình ảnh được sử dụng trong web phản hồi trong đó hình ảnh tự động thay đổi kích thước để phù hợp với bộ chứa div. Thuộc tính độ rộng tối đa trong CSS được sử dụng để tạo thuộc tính thay đổi kích thước hình ảnh. Thuộc tính thay đổi kích thước sẽ không hoạt động nếu chiều rộng và chiều cao của hình ảnh được xác định trong HTML.  

cú pháp

img {
    max-width:100%;
    height:auto;
}

Chiều rộng cũng có thể được sử dụng thay vì chiều rộng tối đa nếu muốn. Điều quan trọng là sử dụng chiều cao. tự động ghi đè bất kỳ thuộc tính height=”…” nào đã có trên hình ảnh. Các thuộc tính CSS max-width và max-height hoạt động tốt nhưng không được nhiều trình duyệt hỗ trợ. ví dụ 1.  

html