Media query css một số code tham khảo

23/09/2021 02:43 483

Media query css: là cách chúng ta sử dụng để xác định code css sẽ được thực hiện ở thiết bị nào

Table of Contents

Sau đây là code để copy:

1. Cho tablets

@media only screen and (max-width: 768px) {
  //code css cho tablets
 //Nó sẽ có thực thi khi độ phân giải là bé hơn hoặc bằng 768px
}

1

2

3

4

@media only screen and (max-width: 768px) {

//code css cho tablets

//Nó sẽ có thực thi khi độ phân giải là bé hơn hoặc bằng 768px

}

2. Cho phone

đối vơi phone thì có nhiều độ phân giải nhưng 480 là phổ biến

@media only screen and (max-width: 480px) {
  //code css cho tablets
 //Nó sẽ có thực thi khi độ phân giải là bé hơn hoặc bằng 768px
}

1

2

3

4

@media only screen and (max-width: 480px) {

//code css cho tablets

//Nó sẽ có thực thi khi độ phân giải là bé hơn hoặc bằng 768px

}

3. Cho desktop

@media only screen and (min-width: 768px) {
  // Cho máy tính bàn desktop
}

1

2

3

@media only screen and (min-width: 768px) {

// Cho máy tính bàn desktop

}

Các bài viết khác có thể hữu ích với bạn

5/5 (1 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Kỹ thuật css cho checkbox input đẹp hơn [ 05/05/2023 10:32 ]
Css để tăng khoản cách giữa các dot trong border [ 13/12/2022 10:16 ]
Hiệu ứng hover slide image siêu đẹp [ 26/06/2022 13:47 ]
Function tạo rating star sử dụng dashicon từ wordpress [ 03/04/2022 03:02 ]
Css menu vertical danh muc đơn giản [ 20/02/2022 12:40 ]
Html và css section với title, description và card siêu đơn giản [ 17/02/2022 11:22 ]
Hiệu ứng css đẹp transform scale3d [ 10/02/2022 04:05 ]
CSS Animations hoạt động như thế nào [ 14/01/2022 03:49 ]
Cách set size image cùng kích thước không bị vỡ hình với css [ 03/01/2022 03:12 ]
Code phóng to thumbnail khi hover với CSS3 [ 02/01/2022 07:15 ]

Thiết kế theme wordpress phần 8

Nếu bạn chưa xem phần 7 thì xem theo link dưới
Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6 Chúng ta tiếp
Thiết kế theme wordpress phần 6

Nếu chưa xem phần 5 thì xem theo link dưới nhé
Thiết kế theme wordpress phần 5

Nếu bạn chưa xem phần 4 thì xem theo link dưới
Thiết kế theme wordpress-phần 4

Đã khá lâu rồi tôi mới viết bài, vì là quá

Function xử lý upload to media wordpress

Function xử lý upload to media wordpress: function sau đây mình
Function get ip address

Dưới đây là function lấy địa chỉ ip, Để đây anh
Thay thế file_get_contents

Thay thế file_get_contents: đôi lúc gặp những hosting function file_get_contents không
Code tích hợp acf vào theme và plugin

Xin lưu ý tài liệu này chỉ dành cho anh em
Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)

Một số function thường dùng khi làm theme wordpress (some functions

Hotline: 0912 889 416

Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net

Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress