Android Webview:较小的显示尺寸会打断布局

Android Webview:较小的显示尺寸会打断布局,android,css,webview,android-webview,Android,Css,Webview,Android Webview,我有一个web应用程序,它基本上只是在Android网络视图中显示移动网站,带有一些用于处理通知和导航标题的本地位 问题是,当我将Android手机中的显示大小设置(显示下)更改为任何小于默认值的设置时,内容将被压缩到右侧并留下空白。我用dev工具检查了一下,不知何故,CSS的宽度被安卓设置为父母的66.67%(默认为100%)&还添加了一个较小的左填充。但是,如果显示大小设置大于默认值,则没有/非常轻微的样式降级 有趣的是,当类似的应用程序在iOS(仅显示移动站点)中制作时,在更改显示大小后根

我有一个web应用程序,它基本上只是在Android网络视图中显示移动网站,带有一些用于处理通知和导航标题的本地位

问题是,当我将Android手机中的
显示大小设置(显示下)更改为任何小于
默认值的设置时,内容将被压缩到右侧并留下空白。我用dev工具检查了一下,不知何故,CSS的
宽度被安卓设置为父母的
66.67%
(默认为
100%
)&还添加了一个较小的左填充。但是,如果
显示大小设置大于默认值,则没有/非常轻微的样式降级

有趣的是,当类似的应用程序在iOS(仅显示移动站点)中制作时,在更改
显示大小后根本没有问题。因此,我非常确定修复程序仅限于Android

是否有任何指南可以添加代码以预测这些更改,或者至少完全禁用
显示大小设置的效果

*编辑: 我尝试过的和失败的:

  • 在网站中设置
    “宽度=设备宽度,初始刻度=1”
  • loadWithOverviewMode
    useWideViewPort
    设置为
    true
  • 两者的结合

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