【发布时间】:2013-02-14 10:40:44
【问题描述】:
我正在创建一个响应式电子邮件模板。我遇到了一个问题。
我为三星 Galaxy Tab 2.0 10.1 编写了一个媒体查询:
/* 10.1 inch Samsung Galaxy Tab (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1280px) {
.tablethide{
display: none;
}
.tablet_width{
zoom: 1.8;
}
}
但由于三星平板电脑和 MacBook 共享相同的分辨率,因此缩放功能也适用于 mackbook。
所以我必须在媒体查询中添加其他内容来区分平板电脑和 Macbook。
有人知道我如何实现这一目标吗?
提前致谢!
【问题讨论】:
-
通过改变视口自己解决了
标签: android ios css media-queries