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

看看Twitter Bootstrap 中的响应式脚手架。这些应该可以帮助您捕捉所有变化。

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

这是在 Bootstrap 中通过包含从 768px 向下的流体宽度布局来实现的。