Android layout 使用媒体查询的设备布局-手机和平板电脑上的人像

我用jQuery mobile和PhoneGap创建了一个Android移动应用程序。我希望根据设备和方向有3个单独的布局：

肖像手机-在智能手机上，我希望始终使用肖像布局

肖像平板电脑-与手机不同

风景碑

---

这可以通过CSS媒体查询实现吗？我知道可以更改布局，但不确定如何仅为智能手机强制纵向布局，同时为平板电脑允许横向布局。

大多数设备将采用以下3种分辨率
1） HVGA是VGA的一半（320 x 240）
2）WVGA-宽VGA（800 x 480）-几乎是HVGA的1.5倍
3）HVGA 2x-（640 x 960）-iPhone4使用这种分辨率

满足您的要求
1）&2）您可以在@media中编写样式，如下所示。您可以使用HVGA或WVGA。根据需要更改宽度和高度

@Media screen and (min-width: 320px) and (max-width: 480px){
/* css files here*/
} 

3） 对于横向视图，请使用方向：横向，如下面的示例所示

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape){
/* css files here */
}

---

代码块仅供参考。您的需要可能不同，请根据您的需要更改屏幕/仅屏幕、最小设备像素比、最大设备像素比等参数

大多数设备将采用以下3种分辨率
1） HVGA是VGA的一半（320 x 240）
2）WVGA-宽VGA（800 x 480）-几乎是HVGA的1.5倍
3）HVGA 2x-（640 x 960）-iPhone4使用这种分辨率

满足您的要求
1）&2）您可以在@media中编写样式，如下所示。您可以使用HVGA或WVGA。根据需要更改宽度和高度

@Media screen and (min-width: 320px) and (max-width: 480px){
/* css files here*/
} 

3） 对于横向视图，请使用方向：横向，如下面的示例所示

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape){
/* css files here */
}

代码块仅供参考。您的需要可能不同，请根据您的需要更改屏幕/仅屏幕、最小设备像素比、最大设备像素比等参数