Android Webview：较小的显示尺寸中断布局

Question

我有一个Web应用程序，该应用程序基本上只是在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值。