Question

这是我question here的扩展程序。我现在有两个设备 - 三星Tab 4和三星Note - 都是10.1英寸，两者都是1280X800分辨率。问题是，在Note设备中，设备的导航面板（后退按钮，主页按钮）位于屏幕内。因此，高度降低了~48px。应用程序的内容不会出现在导航面板的范围内。请你告诉我怎么办？我正在寻找一种解决方案，在7“平板设备上也能满足类似条件。（例如，三星7”标签的设备主体上有导航面板，而nexus 7设备的导航面板位于屏幕内的设备内）。

我在height=device-height标记中尝试了<meta>，但没有效果。

Answer 1

您可以使用@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>

这会将身体的背景颜色更改为浅蓝色。但是当您将浏览器窗口调整为小于300px时，它将更改为lightgreen。我希望这可以帮助你解决问题。

如何处理分辨率相同但屏幕高度不同的Android设备

1 个答案: