javascript - Galaxy Nexus 忽略视口(viewport)元标记

标签 javascript android css cordova

我正在构建一个 PhoneGap 应用程序。我的应用程序设计为 320px 界面。我在应用程序中的视口(viewport)标签是:

<meta name="viewport" content="width=320, initial-scale=0.5, maximum-scale=0.5, user-scalable=no"/>

这在我运行 Ice Cream Sandwich 的 Galaxy S2 上按预期工作。 320px 的界面填满了整个屏幕的宽度。

但是,在 Galaxy Nexus 上测试上述代码时,视口(viewport)为 360 像素宽。所以我的元素不会填满屏幕。我尝试将以下行添加到我的 Cordova 的 appname.java 文件中:

this.appView.getSettings().setUseWideViewPort(true);

然而,这没有任何效果。

最佳答案

尝试用这个替换它:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

它应该根据特定设备调整大小,但我无法对此进行测试。

关于javascript - Galaxy Nexus 忽略视口(viewport)元标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13676047/

相关文章:

css - iPad Safari 浏览器中的样式问题,设置高度宽度不起作用

javascript - 如何禁用浏览器中的后退、前进和刷新功能?

javascript - 使用 tab 启动点击 div 并输入

android - 在unity3d中调用android函数时遇到错误java.lang.NoSuchMethodError吗?

javascript - 可调整大小的侧边栏 - 拖动即可调整大小

javascript - 如何更改动画宽度属性以转换比例

javascript - Angular2 + ngrx/存储 : how to change state within a loop?

javascript - 如何根据小时和分钟加载站点

android - 是否可以强制 LiveData 值的不可空性?

android - 使用身份验证用户从 firebase 检索数据不显示在 ListView 上