安卓 WebView : Smaller Display Size Breaks Layout

Question

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

问题是，当我将 Android 手机中的 Display Size 设置(在 Display 下)更改为小于 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 值。