Thông báo chung

  • Diễn đàn không khuyến khích nhờ/yêu cầu hỗ trợ qua Teamviewer. Đọc thêm
  • Đăng topic hãy đặt tiêu đề rõ ràng. Đọc thêm

Hỏi về hình ảnh bin vỡ trên mobile

Thảo luận trong 'Câu hỏi chung của WordPress' bắt đầu bởi langtudaik, 24/9/17.

  1. langtudaik

    langtudaik Level 1 Thành viên

    Tham gia ngày:
    3/4/15
    Bài viết:
    91
    Đã được thích:
    1
    Câu trả lời hay nhất:
    0
    Hi mọi người, cho mình hỏi về hình ảnh bị vỡ khi xem trên mobile, trên web thì xem ok nó không bị vỡ , còn xem trên điện thoại nó bị vỡ ra khỏi khung
    Capture+_2017-09-24-21-29-45.png
    Khi vào xem bài viết thì ảnh nó không vừa khung
    Capture+_2017-09-24-21-27-49.png

    Ảnh trên mình phải kéo ra mới thấy full ảnh.
    Ai bít cách xin chỉ giáo ạ. Cám ơn
     
  2. langtudaik

    langtudaik Level 1 Thành viên

    Tham gia ngày:
    3/4/15
    Bài viết:
    91
    Đã được thích:
    1
    Câu trả lời hay nhất:
    0
    Up top
     
  3. nihonjin

    nihonjin Level 2 Thành viên

    Tham gia ngày:
    15/1/17
    Bài viết:
    32
    Đã được thích:
    16
    Câu trả lời hay nhất:
    3
    Thêm css này vào trong file style.css mà theme đang sử dụng
    Mã:
    img {
    max-width: 100%;
    height: auto;
    }
    
     
    langtudaik thích bài này.
  4. langtudaik

    langtudaik Level 1 Thành viên

    Tham gia ngày:
    3/4/15
    Bài viết:
    91
    Đã được thích:
    1
    Câu trả lời hay nhất:
    0
    vẫn vậy à bạn ơi
     
  5. Hồ Nguyễn

    Hồ Nguyễn Siêu Nhân Thành viên BQT Thành viên

    Tham gia ngày:
    15/7/15
    Bài viết:
    1,314
    Đã được thích:
    521
    Câu trả lời hay nhất:
    30
    Web:
    Bạn thử thêm important thử
    PHP:
    img {
    max-width100% !important;
    heightauto;
    }
     
    langtudaik thích bài này.
  6. langtudaik

    langtudaik Level 1 Thành viên

    Tham gia ngày:
    3/4/15
    Bài viết:
    91
    Đã được thích:
    1
    Câu trả lời hay nhất:
    0
    Áo dụng cho mấy bài củ lun hả chỉ bài mới bạn? Mình test vẫn còn bị demo bạn xem thử
     
  7. nihonjin

    nihonjin Level 2 Thành viên

    Tham gia ngày:
    15/1/17
    Bài viết:
    32
    Đã được thích:
    16
    Câu trả lời hay nhất:
    3
    Thêm dòng này nhé!
    Mã:
    .entry-content figure {
    max-width: 100% !important;
    text-align: center;
    }
    
     
    Chỉnh sửa cuối: 26/9/17
    langtudaik thích bài này.
  8. langtudaik

    langtudaik Level 1 Thành viên

    Tham gia ngày:
    3/4/15
    Bài viết:
    91
    Đã được thích:
    1
    Câu trả lời hay nhất:
    0
    Dòng này Ok á bạn, cám ơn bạn nhé. Nhưng nhỏ mình hỏi nó vừa khung ko bị vỡ nhưng hình nó bị kéo ra ko được đẹp cho lắm có cách nào fix k bạn?
     
  9. nihonjin

    nihonjin Level 2 Thành viên

    Tham gia ngày:
    15/1/17
    Bài viết:
    32
    Đã được thích:
    16
    Câu trả lời hay nhất:
    3
    thêm thuộc tính height như dưới nữa là OK.
    HTML:
    img {
        max-width: 100%;
        height: auto;
    }
     
    Hồ Nguyễn and langtudaik like this.

Chia sẻ trang này

Thông báo chung

  • Diễn đàn không khuyến khích nhờ/yêu cầu hỗ trợ qua Teamviewer. Đọc thêm
  • Đăng topic hãy đặt tiêu đề rõ ràng. Đọc thêm