Css tạo hình ảnh responsive cho blogger blogspot

Responsive là công nghệ mới mà hôm nay hầu như mọi website đang áp dụng, công nghệ responsive tương thích với mọi loại monitor hiển thị giúp cho trang website thân thương hơn với người mua và post này sẻ chỉ dẫn cách để hình ảnh hiển thị responsive cho trang website và blogspot

Css giúp hình ảnh tương thích với nhiều thiết bị

Ở đây tôi chỉ áp dụng với Blogspot nhưng những bác có thể áp dụng rộng hơn với mọi thành phần hình ảnh trong website.Đối với blogspot

1. Vào Blogger Dashboard > Template > Edit HTML.
2. Thêm đoạn css sau đây vào trên thẻ ]]</b:skin>

.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;}

Sau đó lưu mẫu lại và xem kết quả.