android - Macbook 2009 和 Samsung Galaxy Tab 2 10.1 的媒体查询

标签 android ios css media-queries

我正在创建一个响应式电子邮件模板。我遇到了一个问题。

我为 Samsung 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。

有人知道我该如何实现吗?

提前致谢!

最佳答案

嘿我遇到了同样的问题我发现 Galaxy Tab 2 10.1 的分辨率实际上是 (max-width: 2560px) and (orientation: landscape) or (max-width: 1600px) and (orientation: portrait)

关于android - Macbook 2009 和 Samsung Galaxy Tab 2 10.1 的媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15132164/

相关文章:

iOS 13 替代 'setAnimationCurve'

javascript - 如何将元素移动到另一个元素然后自动完成一些div

java - 如何创建mp3文件的缩略图

android - 从视频 url 获取视频的缩略图

ios - 未调用 UITextFieldDelegate 方法

ios - 如何使用 NSObject 类使用 NSManaged 对象类

带有 https 连接和基本身份验证的 android webview。如何让这个工作?

安卓指纹扫描仪应用程序

css - 倾斜元素破坏了 Chrome 上的列数配置

javascript - 获取所需图片的jQuery代码