媒體查詢衝突

我嘗試使用，使我的網站響應2個設備媒體查詢衝突

三星標籤（600×1024）
的iPad（768×1024）

以下媒體查詢

@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : portrait){ }

和

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ }

但是當我在三星攀開口我的網站，它的應用iPad的媒體查詢風格

我能爲這個做什麼？

來源

2013-05-10 Rohan Patil

使用：https：//github.com/tarunsharma20/initiator – Tarun 2013-05-10 11:06:20

使用媒體查詢來定位特定設備是一種可怕的RWD方式（請參閱：http://designshack.net/articles/css/responsive-design-why-您選擇 - 做 - 我t-wrong /和http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/） – cimmanon 2013-05-10 11:54:56

您可能希望避免媒體查詢重疊。不要用哪種設備來考慮它，而要考慮哪種屏幕尺寸。目標600-767像素之一，而在另一768-1024，就像這樣：在縱向

三星標籤

@media only screen and (min-device-width : 600px) and (max-device-width : 767px)

三星Tab鍵在景觀和iPad或者

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)

來源

2013-05-10 11:04:48 Maloric

感謝@Maloric爲此 – 2013-05-13 04:28:55

感謝它爲我工作... – 2017-03-28 10:56:11

媒體查詢衝突

回答

相關問題