[Code] Css respoonsive mobile img forumotion hotrofm.net

  • Admin

    Css respoonsive mobile img forumotion hotrofm.net


    Để khắc phục lỗi ảnh to ở mobie của forumotion bạn cho code sau

    Trước khi dùng Css respoonsive mobile




    Sau khi dùng Css respoonsive mobile




    Ở 1 số forum sử dụng nhiều ảnh có thể sẽ bị thò ảnh ra ngoại bạn có thể cho code này vào để ở mobile ảnh không bị quá to

    Code:
    #mpage-body-modern .post-content img {  max-width:100%;}

    Hoặc

    Code:

    /* css respoonsive mobile img forumotion hotrofm.net */
    .post-content img{max-width:800px}
    @media (max-width:1200px){#mpage-body-modern .post-content img{max-width:700px}}
    @media (max-width:1024px){#mpage-body-modern .post-content img{max-width:600px}}
    @media (max-width:800px){#mpage-body-modern .post-content img{max-width:500px}}
    @media (max-width:600px){#mpage-body-modern .post-content img{max-width:400px}}
    @media (max-width:480px){#mpage-body-modern .post-content img{max-width:300px}}
    @media (max-width:320px){#mpage-body-modern .post-content img{max-width:280px}}

    Tags: #code

Thông tin tác giả
avatar
ACP
Bài viết :
336
Points :
648
Like :
107
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết