Hình ảnh trên Blogspot không Responsive trên mobile và cách sửa lỗi

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

Nếu như các bạn Blogger hay viết bài trên Blogspot, có 1 điểm rất khó chịu khi sử dụng ảnh là ảnh sẽ bị méo khi xem trên điện thoại, gây mất cảm tình người đọc của như thẩm mỹ của bài viết. Tuy nhiên hiện nay đã có cách khắc phục bằng công nghệ Responsive mới nhất và đặc biệt chỉ cần 1 đoạn code nhỏ là có thể áp dụng cho tất cả các bài viết kể cả bài đã viết. Rất tiện lợi phải không nào?

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

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

Ở đây mình chỉ áp dụng với blogspot nhưng các bạn 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 dưới đâ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;}