跨设备工作的媒体断点

Question

我有一组媒体查询断点，用于检测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平板电脑？有什么想法吗？

Answer 1

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

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

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