Macbook Pro不接受使用CSS的媒體查詢

我已經爲Macbook Pro編寫了此媒體查詢。它不接受媒體查詢。我的MacBook的分辨率是1280×80013英寸Macbook Pro不接受使用CSS的媒體查詢

@media only screen 
and (min-device-width : 1280px) 
and (max-device-width : 800px) 
{ 
.col-md-12.webtestingsocial 
{ 
margin-left: 29px !important; 
} 
}

來源

2016-11-16 user7047368

任何其他建議如何編寫媒體查詢的MacBook Pro的1200 * 800 – user7047368

任何一個可以幫助我，這得益於提前 – user7047368

任何一個可以幫助我這些請提前致謝 – user7047368

媒體查詢專爲MacBook13英寸（1280 * 800）

@media screen and (min-width: 800px) and (max-width: 1281px) 
{ 
//write your styles here 
}

來源

2016-11-17 04:44:41 user7047368

它應該是這樣的：

@media screen and (min-width: 800px) and (max-width: 1200px) { 

    /* Your Styles */ 
}

另外，還要確保你有腦袋裏這個標籤

<meta name="viewport" content="width=device-width, initial-scale=1">

來源

2016-11-16 08:15:41 Aslam

我已經嘗試過，但它也影響筆記本電腦以及 – user7047368

你能解釋什麼是影響？ – Aslam

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/這裏是許多設備和尺寸的媒體查詢列表。希望這會幫助:) – Aslam

我想這是因爲讓你最小設備寬度值高於您的最大設備寬度使其無效。

您是否嘗試過使min-device-width 800px和max-device-width 1200px？

來源

2016-11-16 08:21:41 prtdomingo

試過這個，但它不工作 – user7047368

Macbook Pro不接受使用CSS的媒體查詢

回答

相關問題