Trước khi chúng tôi thực hiện một số công việc về kiểu chữ, tôi nghĩ rằng chúng tôi sẽ khắc phục điều khó chịu là các hình ảnh nằm ngoài vùng bài viết và lưới. Sử dụng một số quy tắc CSS đơn giản để ghi đè các thuộc tính và kiểu hình ảnh nội tuyến, chúng tôi có thể thu nhỏ hình ảnh để vừa với bài đăng của mình ở kích thước chính xác.
Việc thu nhỏ những hình ảnh như thế này thường khá thô thiển vì các trình duyệt đã thực hiện công việc thay đổi kích thước không tốt, nhưng đây không phải là trường hợp nữa. Đó thực sự là một ý tưởng hay khi màn hình ngày càng có độ phân giải cao hơn, vì hình ảnh sẽ sắc nét hơn.
Việc thay đổi kích thước về cơ bản được xử lý bằng:
figure img ( max-width: 100%; height: auto !important; )Bạn biết đấy, chúng tôi thiết kế các hình và mô tả chỉ một chút để làm cho chúng trông giống như một hình thích hợp trong một bài đăng trên blog.