安卓平板电脑景观和桌面屏幕分辨率的Css问题

Question

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

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

但是在平板电脑中这是正常工作如果我将我的桌面/笔记本电脑分辨率更改为1280x720px然后它采取Android平板电脑风格，应该不是这样。

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

Answer 1

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

对于destop你可以定位

@media screen and（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) { ... }