Code CSS giúp tạo hình ảnh responsive trong blogspot

Code CSS giúp tạo hình ảnh responsive trong blogspot

Huu Trung Net / lúc December 17, 2017 ngày Sunday, December 17, 2017 / 0 bình luận

Chia sẻ

Chọn hình thức muốn chia sẻ:
• Copy liên kết
• Facebook
• Google +
• Email

Tham gia nhóm Phú Cường Blog để cùng trao đổi, học hỏi và nhận nhiều bài viết hay, hữu ích nhé!

Reponsive tức là hiển thị phù hợp nhất theo trình duyệt. Ví dụ như bạn có 1 hình ảnh rất lớn thì hiển thị ở pc nó to ra còn ở mobile thì nó nhỏ vừa với màn hình mobile nhưng vẫn giữ nguyên kích thước. Nôm na là vậy các bạn có thể xem ở demo hình bên dưới sẽ hiểu hơn công dụng của nó. Chủ yếu là để tương thích với nhiều thiết bị hơn mà không phải tác động nhiều.
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.

Các bạn vào chỉnh sửa HTML và thêm đoạn code sau vào trên thẻ đóng ]]></b:skin>

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

Lưu lại và xem kết quả.
Cập nhật: mình đã xài thử và rất thích thú nha :v

Theo codeseo.net