Share CODE CSS Giúp Tạo Hình Ảnh Reponsive Trong Blogspot

Share CODE CSS Giúp Tạo Hình Ảnh Reponsive Trong Blogspot

Share CODE CSS Giúp Tạo Hình Ảnh Reponsive Trong Blogspot

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ó ...
84 Comment 12:01
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


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à 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ả. Nếu có gì không hiểu vui lòng comment bên dưới để được hỗ trợ
Nguồn: tips24h và Niệm Style Blog
Share CODE CSS Giúp Tạo Hình Ảnh Reponsive Trong Blogspot Share CODE CSS Giúp Tạo Hình Ảnh Reponsive Trong BlogspotHưng Star - IT8.8stars based on9reviewsReponsive 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ó ...
  • Kí tự đặc biệt
  • Tôi Share
  • Star Mạnh Blog
  • Văn Tuấn Blog
  • Tuổi Trẻ IT
  • Văn Thắng Blog
  • Duy Blogs
  • Star Sinh Blog
  • Lê Bá Long IT
  • Đặt liên kết
  • Đặt liên kết
  • Đặt liên kết