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:
    748
    Đã được thích:
    67
    Đ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,306 - 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,380
    Đã được thích:
    1,057
    Đ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:
    748
    Đã được thích:
    67
    Đ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,380
    Đã được thích:
    1,057
    Đ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:
    748
    Đã được thích:
    67
    Đ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 Nhờ ae tư vấn dùm mình pin dự phòng có sạc không dây với 18/3/20
Thắc mắc và hỏi đáp về CNTT Em mua bộ này 17tr ở gearvn có ổn không ạ? 2/1/20
Thắc mắc và hỏi đáp về CNTT Bộ máy này 8tr có hợp lý không? 30/12/19
Thắc mắc và hỏi đáp về CNTT Bộ máy này dùng livestream có ổn không? 26/12/19

Like và Share ủng hộ ITSEOVN