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

我希望有人可以使用几种不同的平板电脑进行测试,或者通过广泛的理论理解可以告诉我,我的目标普通平板电脑尺寸(取自： http://nmsdvid.com/snippets/)的查询是否有效.

我的主要观点是操作符(特别是针对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; }

}

不幸的是,你的问题没有答案.仅仅因为对“普通平板电脑尺寸”这个问题没有答案.你会发现旧的笔记本电脑比目前的平板电脑和平板电脑更窄,分辨率更高的上网本.

查看my database of media features并尝试最好的.

也就是说,Lokase的答案是最好的.不要尝试定位设备,尝试使您的网站在所有分辨率中都很好.它并不复杂.