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

Question

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

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

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

任何人都可以帮助我解决这个问题。

Answer 1

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

对于 destop 你可以定位

@media 屏幕和 (min-device-width: 1281px) {}

Answer 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) { ... }