1

Androidデバイスから独立してiPhoneをターゲットにしたり、CSSメディアの問い合わせでその逆を行う方法はありますか？これはHTMLメール用です。

複数の方法を試しましたが、すべて重複しているようです。

max-device-widthが480のデバイスのテーブルサイズを制限したいのですが、Androidベースのデバイスのみです。

以下は私が最近試したものです。iPhone（Litmusでテスト）は2番目のメディアクエリを無視し、幅を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%;

}
}
4

1 に答える 1

2

-webkit-min-device-pixel-ratioとmin-device-pixel-ratioを試してください

 /* 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-25T18:42:25.663 に答える