Hình ảnh quá khổ bị mờ khi giảm

Question

đây là nỗ lực đầu tiên của tôi tại một thiết kế đáp ứng vì vậy xin lỗi nếu đây là một câu hỏi đơn giản ngu ngốc.

Tôi đã tạo một hình ảnh và đặt chiều rộng tối đa của nó thành không lớn hơn chiều rộng thực sự của hình ảnh vì tôi biết rằng việc phóng to hình ảnh sẽ dẫn đến sự nhòe mờ.

gì Tôi là một chút nhầm lẫn về là khi tôi ký hợp đồng cửa sổ và img bắt đầu co lại, nó được mờ cũng ...

là hành vi đúng này và có một số khoảng cách này?

Bất kỳ trợ giúp nào được đánh giá cao!

Answer 1

Nếu bạn sử dụng Fire Fox, nó đã được báo cáo là có vấn đề mở rộng hình ảnh xuống.

Why is Firefox so bad at resizing images?

Firefox blurs an image when scaled through external CSS or inline style.

Rõ ràng thêm dòng sau vào CSS đã cố định các vấn đề đối với một số

image-rendering: -moz-crisp-edges;