常见平板电脑尺寸的CSS媒体查询

我希望有人或者有一些不同的平板电脑可以测试，或者有丰富的理论知识可以告诉我，如果我的查询是针对普通平板电脑的尺寸（取自：），是否可行

我的主要问题是运营商（特别是针对4种不同设备中的一种）是否正确

@media only screen and (
    ((min-device-width : 768px) and (max-device-width : 1024px)),
    ((min-device-width : 600px) and (max-device-width : 1024px)),
    ((min-device-width : 800px) and (max-device-width : 1080px)),
    ((min-device-width : 800px) and (max-device-width : 1280px))
) and (orientation : landscape) {

    body{ background-color: pink; }

}

---

我发现最好的方法是使用与设备无关的响应式布局方法

将媒体查询设置为一个范围（即，将覆盖所有目标平板电脑的尺寸），然后使用流体方法将UI扩展或收缩到设备的尺寸

---

每天市场上都有这么多的设备，要想专门针对每一个人，这是一场失败的战斗。

不幸的是，你的问题没有答案。只是因为“普通平板电脑尺寸”这个问题没有答案。你会发现旧的笔记本电脑比现在的平板电脑更窄，而平板电脑的分辨率比上网本更宽

调查并尽力做到最好

---

也就是说，Lokase的答案是最好的。不要试图以设备为目标，尝试在所有分辨率下使您的网站美观。这没那么复杂。

看看这个：谢谢，这是我的出发点，但现在有很多平板电脑，而且很多平板电脑的设备宽度与iPad不同。。。所以我想知道我的语法是否可以作为一个更强大的平板电脑目标：）。