Android Webview：较小的显示尺寸会破坏布局
Android Webview: Smaller Display Size Breaks Layout
我有一个网络应用程序，它基本上只是在 Android 网络视图中显示移动网站，带有一些用于处理通知和导航的本机位 headers。
问题是，当我将 Android phone 中的 Display Size 设置（显示下）更改为小于 Default 的任何值时，内容将被压缩到右侧并留下空白 space。我使用开发工具进行了检查，不知何故 CSS 的 width 被 Android 设置为 parent 的 66.67%（默认情况下它是 100%) & 还添加了一个较小的左侧填充。但是，如果 Display Size 设置大于默认值，则会出现 none/非常轻微的样式退化。
有趣的是，在iOS中制作类似的应用程序时（仅显示移动站点），更改Display Size后完全没有问题。所以我很确定修复仅限于 Android.
是否有任何指南可以添加代码以预测这些更改，或者至少完全禁用 Display Size 设置的效果？
*编辑：
我尝试过但失败了：
- 在网站中设置
"width=device-width, initial-scale=1"
- 将
loadWithOverviewMode和useWideViewPort设置为true
- 两者的结合
解决方案实际上很简单：网站中有一段旧的 CSS 代码会在显示宽度超过特定阈值时覆盖 CSS 值。
我有一个网络应用程序，它基本上只是在 Android 网络视图中显示移动网站，带有一些用于处理通知和导航的本机位 headers。
问题是，当我将 Android phone 中的 Display Size 设置（显示下）更改为小于 Default 的任何值时，内容将被压缩到右侧并留下空白 space。我使用开发工具进行了检查，不知何故 CSS 的 width 被 Android 设置为 parent 的 66.67%（默认情况下它是 100%) & 还添加了一个较小的左侧填充。但是，如果 Display Size 设置大于默认值，则会出现 none/非常轻微的样式退化。
有趣的是，在iOS中制作类似的应用程序时（仅显示移动站点），更改Display Size后完全没有问题。所以我很确定修复仅限于 Android.
是否有任何指南可以添加代码以预测这些更改，或者至少完全禁用 Display Size 设置的效果？
*编辑： 我尝试过但失败了：
- 在网站中设置
"width=device-width, initial-scale=1" - 将
loadWithOverviewMode和useWideViewPort设置为true - 两者的结合
解决方案实际上很简单：网站中有一段旧的 CSS 代码会在显示宽度超过特定阈值时覆盖 CSS 值。