Android Webview:较小的显示尺寸会打断布局
我有一个web应用程序,它基本上只是在Android网络视图中显示移动网站,带有一些用于处理通知和导航标题的本地位 问题是,当我将Android手机中的Android Webview:较小的显示尺寸会打断布局,android,css,webview,android-webview,Android,Css,Webview,Android Webview,我有一个web应用程序,它基本上只是在Android网络视图中显示移动网站,带有一些用于处理通知和导航标题的本地位 问题是,当我将Android手机中的显示大小设置(显示下)更改为任何小于默认值的设置时,内容将被压缩到右侧并留下空白。我用dev工具检查了一下,不知何故,CSS的宽度被安卓设置为父母的66.67%(默认为100%)&还添加了一个较小的左填充。但是,如果显示大小设置大于默认值,则没有/非常轻微的样式降级 有趣的是,当类似的应用程序在iOS(仅显示移动站点)中制作时,在更改显示大小后根
显示大小设置(显示下)更改为任何小于默认值的设置时,内容将被压缩到右侧并留下空白。我用dev工具检查了一下,不知何故,CSS的宽度被安卓设置为父母的66.67%
(默认为100%
)&还添加了一个较小的左填充。但是,如果显示大小设置大于默认值,则没有/非常轻微的样式降级
有趣的是,当类似的应用程序在iOS(仅显示移动站点)中制作时,在更改显示大小后根本没有问题。因此,我非常确定修复程序仅限于Android
是否有任何指南可以添加代码以预测这些更改,或者至少完全禁用显示大小设置的效果
*编辑:
我尝试过的和失败的:
- 在网站中设置
“宽度=设备宽度,初始刻度=1”
- 将
loadWithOverviewMode
和useWideViewPort
设置为true
- 两者的结合
解决方案其实很简单:网站中有一段旧的CSS代码,当显示宽度超过某个阈值时,它会覆盖CSS值