Web responsive không chạy và hiển thị đúng trên mobi(di động)

Thảo luận trong 'Thắc mắc và hỏi đáp về CNTT' bắt đầu bởi seolagi, 10/8/15.

  1. seolagi

    seolagi

    Moderator

     Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    997
    Đã được thích:
    79
    Điểm thành tích:
    28
    Như tiêu đề bài viết, mình sử dụng câu lệnh code responsive, nó chạy tốt trên máy tính, co dãn màn hình rất tốt, nhưng khi qua giao diện điện thoại nó không co giãn, nó y chang bình thường, không full màn hình di động.

    Câu lệnh code mình code trên wordpress nó chạy tốt cả di động và máy bàn, nhưng copy chạy code html tĩnh và web khác thì nó không chạy :(( có ai biết không giúp mình với.

    Chạy tốt trên máy tính, còn trên di động Web mình không co giãn giống như các web Responsive được.

    Code mà hình khai báo trong file .css cấu trúc như sau.
    Mã:
    @media only screen and (min-width: 800px) and (max-width: 1024px) 
{
    .sologan
    {
        ....code css
    }
}
    Ý của mình là khi nằm trong khoảng từ 800 đến 1024 px, web mình sẽ responsive co giãn hay xử lý 1 đoạn code css nào đó, mà xử lý tốt trên máy tính bàn, còn trên di động nó không co giãn :(
     
    Cảm ơn đã xem bài:

    Web responsive không chạy và hiển thị đúng trên mobi(di động)

    Lượt xem: 2,589 - Xem Bài Viết Cùng Chủ Đề

    seolagi, 10/8/15
    #1
  3. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,749
    Đã được thích:
    1,168
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Thử khai báo đoạn code sau ở trên thẻ <head> thử bạn nhé:
    HTML:
    <head>

   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="HandheldFriendly" content="true" />

</head>
     
    admin, 10/8/15
    #2
    seolagi thích bài này.
  4. seolagi

    seolagi

    Moderator

     Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    997
    Đã được thích:
    79
    Điểm thành tích:
    28
    :D được rồi ad, khai báo cái đó thêm trên di động bắt được liền, chạy tốt rồi, hay quá, cảm ơn ad itseovn
     
    seolagi, 10/8/15
    #3
  5. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,749
    Đã được thích:
    1,168
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Do bác chưa khai báo đó mà, wp nó khai báo sẵn rồi, do bác không để ý đó thôi
     
    admin, 10/8/15
    #4
    seolagi thích bài này.
  6. seolagi

    seolagi

    Moderator

     Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    997
    Đã được thích:
    79
    Điểm thành tích:
    28
    uh, do em không biết, tự mò code dân kinh doanh khổ quá, như bác good rồi thì còn gì để nói nữa :)
     
    seolagi, 10/8/15
    #5
  7. vutien93

    vutien93 Thành Viên Mới

    Tham gia ngày:
    27/1/18
    Bài viết:
    5
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    có thể thiếu phần <meta name="viewport" ........
     
    vutien93, 27/1/18
    #6


Chủ để tương tự : responsive không
Diễn đàn Tiêu đề Date
Thắc mắc và hỏi đáp về CNTT Auto slider owl-carousel trong giao diện ustora web responsive 26/7/16
Thắc mắc và hỏi đáp về CNTT Cách Spam Tin Nhắn Messenger Tự Động, Không Bị Chặn 13/9/23
Thắc mắc và hỏi đáp về CNTT Máy tính Latop Dell không nhận tai nghe khi mở máy rút ra cắm lại 19/7/22
Thắc mắc và hỏi đáp về CNTT Lỗi SSL miễn phí: Kết nối của bạn không phải là kết nôi riêng tư, lỗi không bảo mật SSL 1/10/21
Thắc mắc và hỏi đáp về CNTT Khi em tham gia google Adsense thì có ảnh hưởng đến SEO không? 18/5/21

Like và Share ủng hộ ITSEOVN