1

有什么方法可以独立于 Android 设备来定位 iPhone，反之亦然，使用 CSS 媒体查询。这是针对 HTML 电子邮件的。

我们尝试了多种方法，但它们似乎都重叠。

我们希望限制最大设备宽度为 480 的设备中的表格大小，但仅适用于基于 Android 的设备。

以下是我最近尝试过的。iPhone（在 Litmus 中测试）忽略了第二个媒体查询并将宽度保持在 300 像素。

@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 回答