Nhắm mục tiêu hai kích thước màn hình trên Chrome chỉ

Question

Tôi đang sử dụng các truy vấn @media để chỉ hiển thị trình duyệt Chrome để định vị ".l-tam giác" ở vị trí cụ thể. Vì vậy, tôi đang sử dụng phương pháp sau đây

@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Fix for Chrome/Safari Users ONLY */ 

.l-triangle { 
    background: transparent url('../images/menu_bg_left.gif') no-repeat; 
    position: absolute; 
    float: left; 
    width: 55px; 
    height:75px; 
    display: block; 
    left: 0px; 
    top:0px; 
    z-index: 0; 
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7); 
     -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7); 
      box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7); 
} 

Nó hoạt động tốt cho trình duyệt Chrome có kích thước màn hình lớn hơn 968px nhưng không hoạt động.

Câu hỏi của tôi là làm cách nào tôi có thể vượt qua 2 giá trị css khác nhau cho Trình duyệt Chrome chỉ với 2 kích thước màn hình khác nhau?

Answer 1

Tôi nghĩ bạn có cùng sự cố here.

Công trình này mã chỉ trên Chrome:

.chrome #thingie { 
    do: this; 
} 

Tôi hy vọng rằng sẽ giúp bạn.

Answer 2

Bạn có thể sử dụng toán tử như "và" hoặc "không" trong truy vấn phương tiện của mình.

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 968px) { 
...code here... 
}