Asked Jan 16th, 4:01 AM 114 0 4
  • 114 0 4
+1

lỗi về responsive @media

Share
  • 114 0 4

Mình bị lỗi về responsive @media. Khi @media trên 900px thì nó nhận css, nhưng khi @media nhỏ hơn thì k nhận css. Đã có bác bào bị chưa, cảm ơn các bác giúp đỡ.

Jan 16th, 4:14 AM

Bạn có thể show code lên không ? ví dụ như thế này thì đoạn css bên trong @media của bạn chỉ nhận khi kích thước màn > 900px thôi

@media only screen and (min-width: 900px){
  .image{
      display: none;
  }
}
+2
| Reply
Share

4 ANSWERS


Answered Jan 17th, 7:02 AM
+1

@media only screen and (min-width: 900px){ // }

Với cấu hình như này, css sẽ hoạt động trong phạm vi màn rộng từ 900px trở lên.

Còn cấu hình như dưới, css sẽ hoạt động trong phạm vi màn rộng từ 900px trở xuống.

@media only screen and (max-width: 900px){ // }

Share
Answered Jan 16th, 4:04 AM
0

Tức là bạn viết reponsive cho màn dưới 900px nó không nhận? Có thể đang có đoạn code nào đó đè lên chăng, bạn thử bật f12 lên xem thử đi

Share
Answered Jan 16th, 4:07 AM
0

tốt nhất để đảm bảo chắc chắn thì bạn chia màn hình ra một số cỡ phổ biết rồi @media theo từng cái một, như các Boostrap làm a

Share
Answered Jan 17th, 6:11 AM
0

Bác bật f12 lên xem nó nhận đúng class và css các kiểu chưa, nếu nhận rồi mà nó bị gạch ngang ở các đoạn css đó thì bác có thể thêm thuộc tính !important

Share