仅适用于平板电脑的媒体查询

Question

我正在写一些Twitter bootstrap代码。我知道如何定位智能手机，平板电脑人像桌面。但我有平板电脑景观的问题。它的星系标签和分辨率1280px。但是如果我的目标是那个分辨率，它也会在桌面上改变（如果显示器具有该分辨率）。我可以定位1280像素但只适用于平板电脑吗？

所有其他决议都正常运作。

感谢。

移动

仅屏幕和（最小宽度：480px）

平板

仅屏幕和（最小宽度：768px）

桌面

仅屏幕和（最小宽度：992px）

巨大

仅屏幕和（最小宽度：1280像素）

Answer 1

您只能使用以下媒体查询来定位横向广告：

/* Landscape only for iPad / Tablet ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Your Styles here */
}

适用于Retina iPad

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) 
{ 
    /* STYLES GO HERE */
}