跨设备工作的媒体断点

时间:2013-05-23 12:59:52

标签: android ios css cordova

我有一组媒体查询断点,用于检测iPad何时处于横向或纵向状态。断点是;

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)

现在我正在将它们用于iPad phonegap应用程序,但现在我需要扩展到Android平板电脑,这让我想知道这些断点是否也适用于Androide平板电脑?有什么想法吗?

1 个答案:

答案 0 :(得分:0)

看看responsive scaffolding in Twitter Bootstrap。这些应该可以帮助您捕捉所有变化。

请记住'Andriod平板电脑'有各种不同的形状,大小和分辨率,因此很难专门针对它们。您最好的选择是使用Bootstrap中显示的流量来确保它在任何屏幕尺寸下看起来都很好。

这是在Bootstrap中实现的,包括从768px向下的流体宽度布局。