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

23/09/2021 02:43 509

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
}

@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

}

đố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
}

@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

}

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

@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

Gửi Phản Hồi

0 Bình Luận