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
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,048
    Đã được thích:
    82
    Điểm thành tích:
    48
    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)

    seolagi, 10/8/15
    #1
  3. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    5,015
    Đã được thích:
    1,220
    Đ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
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,048
    Đã được thích:
    82
    Điểm thành tích:
    48
    :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
    Tham gia ngày:
    22/5/13
    Bài viết:
    5,015
    Đã được thích:
    1,220
    Đ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
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,048
    Đã được thích:
    82
    Điểm thành tích:
    48
    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
    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 Kiểm soát nhập - xuất - tồn kho chặt chẽ: Tính năng không thể thiếu của 1 giải pháp quản lý kho 8/4/25
Thắc mắc và hỏi đáp về CNTT Quy trình quản lý kho phức tạp, dữ liệu không đồng bộ? Đây là cách cải thiện ngay lập tức 20/3/25
Thắc mắc và hỏi đáp về CNTT Top 100+ ứng dụng trí tuệ nhân tạo không gian địa lý (GeoAI) 3/12/24
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