有没有办法通过 CSS 媒体查询独立于 Android 设备定位 iPhone,反之亦然。这是用于 HTML 电子邮件。
我们尝试了多种方法,但它们似乎都有重叠。
我们想限制最大设备宽度为 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%;
}
}
最佳答案
试试 -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/
关于android - 使用 CSS 媒体查询独立于 Android 设备定位 iPhone,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12589126/