这是我的 question here 的扩展. 我现在有两个设备——Samsung Tab 4 和 Samsung Note——都是 10.1 英寸，分辨率都是 1280X800。问题是，在 Note 设备中，设备的导航面板(后退按钮、主页按钮)位于屏幕内部。因此，高度减少了 ~48px。应用程序的内容不会出现在导航面板的范围内。请让我知道如何处理这个问题好吗？我也在寻找一种在 7 英寸平板电脑设备上也能满足类似条件的解决方案。(例如，三星 7 英寸标签在设备主体上有其导航面板，而 nexus 7 设备在屏幕内的设备内有其导航面板)。
我试过了 height=device-height在<meta>标签但没有用。
最佳答案
您可以使用@media 查询。这是一个例子:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
@media screen and (max-width: 300px) {
body {
background-color: lightgreen;
}
}
</style>
</head>
<body>
...
</body>
</html>
这会将主体的背景颜色更改为浅蓝色。但是，当您将浏览器窗口的大小调整为小于 300 像素时，它将变为浅绿色。我希望这能帮助您解决问题。
关于android - 如何处理分辨率相同但屏幕高度不同的 Android 设备，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29788921/