iOS特定媒體查詢

Question

有誰知道只使用媒體查詢定位iOS設備的方法嗎？我正在尋找讓iPhone（1,3G，3GS，4,4S，5）用戶體驗，另一個iPad（1,2,3，迷你）用戶以及其他人（桌面，機器人， Windows Phone，BB）的默認體驗。

我覺得我的選擇是有限的，因爲許多手機共享相似的寬度和參數。有沒有人知道任何特定於iPhones的特定於iPad的媒體查詢中使用的內容？

我到目前爲止已經鎖定iPhone 5用下面的代碼：

@media screen and (device-aspect-ratio: 40/71){} 

和iPhone 4和4S有：

@media 
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait), 
only screen and (min-device-pixel-ratio : 2) and (orientation:portrait){} 

@media screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape), screen and (min-device-pixel-ratio : 2) and (orientation:landscape){} 

我已經看到了這裏類似的問題這一點，但沒有找到解決這個具體用例的方法。

這是用於電子郵件，所以我無法使用JavaScript。只有媒體查詢...

感謝

Answer 1

媒體查詢只能推斷a few media features，並設計了基於功能，沒有品牌或型號，以提供不同的內容。

可能最好的辦法是針對每個設備列出的確切設備寬度：這裏的某個人已經提供了how to specifically match the iPad's dimensions。

問題是，在大量的設備外面，一些功能相同的尺寸（和webkit瀏覽器 - which can be inferred via hacks）。總而言之，CSS在確定有問題的設備的深奧品牌或操作系統功能方面甚至比JS更差。