android - 跨设备工作的媒体断点

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 中包含 768 像素以下的流体宽度布局来实现的。