Android Webview：较小的显示尺寸会破坏布局

Question

我有一个网络应用程序，它基本上只是在 Android Webview 中显示移动网站，并带有一些用于处理通知和导航标题的本机位。

问题是，当我将 Android 手机中的 Display Size 设置（在显示下）更改为小于 Default 的任何值时，内容将被挤压到右侧并留下一个空白区域。我使用开发工具进行了检查，不知何故，Android 将 CSS 的 width 设置为父级的 66.67%（默认为 100%）并且还添加了一个小的左填充。但是，如果 Display Size 设置大于默认值，则不会出现/非常轻微的样式退化。

有趣的是，在iOS中制作类似的应用程序时（仅显示移动站点），更改Display Size后完全没有问题。所以我很确定修复仅限于 Android。

是否有任何指导可以添加代码以预测这些更改，或者至少完全禁用 Display Size 设置的效果？

*编辑： 我尝试过但失败了：

• 在网站中设置"width=device-width, initial-scale=1"
• 将loadWithOverviewMode 和useWideViewPort 设置为true
• 两者的结合

Answer 1

解决方案其实很简单：网站中有一段旧的 CSS 代码会在显示宽度超过某个阈值时覆盖 CSS 值。