使用CSS媒體查詢從Android設備中獨立定位iPhone

有沒有什麼方法可以獨立於Android設備定位iPhone，反之亦然，CSS媒體查詢。這是一個HTML電子郵件。使用CSS媒體查詢從Android設備中獨立定位iPhone

我們嘗試了多種方法，但它們似乎都重疊。

我們希望限制最大設備寬度爲480的設備的表格大小，但僅限於基於Android的設備。

下面是我最近試過的。 iPhone（在Litmus中測試）忽略第二個媒體查詢並將寬度保持在300px。

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 320px) { 
/* Styles */ 
     table[class="table"], td[class="cell"] { 

width: 300px; 

} 
} 


/* iPhone 4 ----------- */ 
    @media 
    only screen and (-webkit-min-device-pixel-ratio : 1.5), 
    only screen and (min-device-pixel-ratio : 1.5) { 
     table[class="table"], td[class="cell"] { 

width: 100%; 

} 
}

來源

2012-09-25 jsuissa

我想大多數電子郵件客戶端剝離出來的風格標籤？在iOS和Android郵件應用上這不正確嗎？如果這樣很酷。 – digidigo

你最終有什麼解決方案嗎？我也面臨同樣的情況。 – sooon

試-webkit-分設備像素比和最小設備的像素比

/* iPhone 4 ----------- */ 
    @media 
    only screen and (-webkit-min-device-pixel-ratio : 1.5), 
    only screen and (min-device-pixel-ratio : 1.5) {

看到http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

來源

2012-09-25 18:42:25 luko

這適用於定位iPhone，但是我遇到的問題是能夠單獨定位Android設備，以便可以根據設備更改寬度。我似乎無法將另一個隔離開來。 – jsuissa

你會如何將iPhone 2-3s與4一起對準？它們的像素比例爲1，對嗎？ – carlosvini

使用CSS媒體查詢從Android設備中獨立定位iPhone

回答

相關問題