SacMau
  • SMM (SV!)  [Off]
  • Gió lung lay, cành cây nó rớt vô đầu...
 26 thág 7, 05:36

Share Code CSS Chỉ Hiển Thị Nội Dung Cho Máy Tính Hoặc Điện Thoại


Trong khi lập trình website có nhiều khi chúng ta cảm thấy truy cập bằng máy tính thì nội dung trên đó thật phong phú và đẹp mắt, nhưng đôi khi lôi điện thoại ra xem thì thấy nó thật vướng víu phải không?
Đừng lo SMM sẽ chia sẻ cho bạn cách này chỉ cần sử dụng đoạn CSS ngắn gọn là có thể ẩn nội dung cho một loại trong đó.

Hướng Dẫn Sử Dụng

Copy code CSS dán vào header hoặc chèn vào file css của website

  1. <style type="text/css">
  2. @media all and (min-width: 480px) {
  3.     .maytinh {display:block;}
  4.     .dienthoai {display:none;}
  5. }
  6.  
  7. @media all and (max-width: 479px) {
  8.     .maytinh {display:none;}
  9.     .dienthoai {display:block;}
  10. }
  11. </style>


<div class="maytinh">Nội dung hiện trên máy tính</div>

<div class="phoneContent">Nội dung hiện trên di động</div>


Việc của bạn chỉ đơn giản là đưa về dùng thử và cảm nhận thôi!
  • spamspamspamspam
  • spamspam, copecute, Nhim và 1 người khác
jekyll
jekyll
jekyll
  • Vòng lặp [2]
  • jekyll / hyde (Chủ Nhật lúc 20:19)
jekyll
  • Hàm ago [1]
  • jekyll / jekyll (Thứ Sáu 26 thág 11, 11:38)
jekyll
  • Hàm rank [1]
  • jekyll / jekyll (Thứ Tư 24 thág 11, 09:50)
jekyll
jekyll
jekyll
  • Hàm inbox [1]
  • jekyll / jekyll (Chủ Nhật 21 thág 11, 09:01)
jekyll
  • Hàm timeon [1]
  • jekyll / jekyll (Thứ Hai 15 thág 11, 16:58)
1 2 3 ... 5 >

Cộng Đồng SMM

Function [32]
Các hàm sử dụng trên SMM
Template [8]
Chia sẻ template

Danh Sách Wapsite

1 2 3 ... 5 >
Thông Tin

Wapbuilder hỗ trợ tạo wapsite nhanh chóng mà không cần quá nhiều khiến thức lập trình

Hệ Thống đang trong quá trình hoàn thiện

Hỗ Trợ

[email protected]

Admin SMM

42 Đường Số 17, Phường Tân Thuận Tây, Quận 7, Tp.HCM

Liên Kết

Đặt Liên Kết

Lưu Trữ Tập Tin