android平板电脑横向和桌面屏幕分辨率的CSS问题答案

【问题标题】：Css issue with android tablet landscape and desktop screen resolutionandroid平板电脑横向和桌面屏幕分辨率的CSS问题
【发布时间】：2013-07-31 14:09:33
【问题描述】：

我正在尝试在横向模式下为安卓平板电脑编写媒体查询。

@media only screen and (min-device-width : 800px) and (max-device-width
    : 1280px) and (orientation : landscape) {}

但是在平板电脑中它工作正常如果我将我的桌面/笔记本电脑分辨率更改为 1280x720 像素，那么它会采用不应该是这种情况的 android 平板电脑样式。

谁能帮我解决这个问题。

【问题讨论】：

请参阅此链接以获取 Android 分辨率。 stackoverflow.com/questions/11675084/…
@archna Hai 我尝试添加它也无法正常工作。从桌面上它正在删除但在平板电脑中我的样式没有影响。

标签： android css media-queries

【解决方案1】：

对于横向模式，您可以使用 max-device-width : 1025px 和

对于 destop 你可以定位

@media screen and (min-device-width: 1281px) {}

【讨论】：

但是android支持1280px的分辨率。

【解决方案2】：

试试这个：

/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }

【讨论】：