2012-09-06 324 views
3

我希望有人或者与几个不同的片上测试,或者与广大理论的理解可以告诉我,如果我的查询目标一般平板电脑的尺寸(摘自:http://nmsdvid.com/snippets/)会工作。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; } 

} 
+1

看看这个:http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ –

+0

谢谢,这是我的出发点,但现在有很多平板电脑和很多他们没有与iPad相同的设备宽度...所以我想知道我的语法是否可以用作更强大的平板电脑目标:)。 –

回答

8

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

看为my database of media features和精益求精。

这就是说,Lokase答案是最好的。不要尝试瞄准设备,尽量让您的网站在所有决议中都很好。这不是复杂。

相关问题