什么媒体查询针对Android平板电脑?

时间:2013-04-12 17:32:25

标签: android media tablet

我正在使用以下媒体查询。这些目标Android平板电脑中的任何一个?我正在尝试为Android平板电脑(7英寸和10英寸)设计横向和纵向。

这些查询会处理这个问题,还是需要一个不同的目标来支持Android平板电脑?

桌面     @media all和(max-width:1024px)

Apple iPad     @media all和(device-width:768px)和(device-height:1024px)和(orientation:portrait)     @media all和(device-width:768px)和(device-height:1024px)和(orientation:landscape)

移动     @media all和(max-width:767px)     @media all和(max-width:600px)     @media all和(max-width:480px)

1 个答案:

答案 0 :(得分:0)

还有另一篇帖子中有许多有价值的答案can be found here!

一个答案说明了以下问题:

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }