媒體查詢：如何不針對Ipad的

我知道有很多話題在那裏有關媒體查詢，但今晚我卡在此：媒體查詢：如何不針對Ipad的

我針對許多智能手機和專門的三星Galaxy S3與這個：

@media screen and (max-device-width: 720px), (min-device-width: 721px) { .. }

它適用於portrtait和風景！但我不知道爲什麼，這樣我也瞄準了Ipad橫向模式，我不想！如果我寧願將Ipad的縱向視圖與智能手機一起瞄準！要明確，我想要實現的是有一個網站的2個版本，默認是最大寬度960px的佈局和較小的版本，非常適合智能手機和良好的Ipad和其他平板電腦肖像..現在移動版本正在智能手機上工作，但在Ipad上很少...

我知道我可以直接定位Ipad，但我不想複製許多將與桌面相同的CSS規則！

來源

2013-01-13 user920218

您不應該使用媒體查詢來檢測硬件供應商。 – David

您可能希望將標題更改爲「如何不使用iPad」。目前的標題似乎意味着你要求推薦的技術。 –

我想你是對的大衛。 @Jongsma我會，但我不能改變它！無論如何，我改變了方法，我使用服務器端檢測mobile_detect.php結合媒體查詢。我正在測試以查看哪種方法最適合它，並且如果在同一頁面上超過3個PHP查詢排除了內容塊：if（$ detect-> isMobile（）） – user920218

該問題似乎與您的媒體查詢的語法有關。您使用的是逗號而不是and，我認爲您的錯誤方式有最大/最小值。對於CSS媒體查詢，,是OR分隔符，而AND需要多個查詢爲真。

你的媒體查詢應改爲如下所示：

@media screen and (min-device-width: 720px) and (max-device-width: 721px) { .. }

或者編寫得更簡潔，你可以使用特定的device-width：

@media screen and (device-width: 720px) { .. }

使用這種方法，你可以瞄準銀河S3肖像並使用逗號分景，即：

@media screen and (device-width: 720px), (device-width: 1280px) { .. }

來源

2013-01-14 03:49:01

媒體查詢：如何不針對Ipad的

回答

相關問題