我正在尝试为我的应用程序提供响应式网页设计，以便它适应多个屏幕。因此，我在我的 css 中使用了视口单位（vw 和 vh）来处理从字体大小到边距的每一件事。但是cordova webview 不支持视口单元。我被困在这里了。
有没有办法让 vh 和 vw 单元在 cordova webview 上工作？ 要么 有没有其他方法可以为我的应用程序获得响应式网页设计，以便我可以跨多个屏幕（android）发布它。
提前致谢。
【问题讨论】：
标签： android css cordova responsive-design hybrid-mobile-app
我会使用 em 而不是视口单位，我会在 html 标签中添加一些媒体查询来操作字体大小。 单位 'em' 是相对的，所以如果我在 html 上更改字体大小，它将在其子项上缩放字体大小
【讨论】：
据我了解，一些早期版本的 Android 和 IOS 不支持视口单元 http://caniuse.com/viewport-units
【讨论】：
我得到了 js 解决方法，它在 Cordova 应用程序中运行良好
代码：
var w=$(window).width()/100;
var h=$(window).height()/100;
function vw( val ) {
return w*val+'px';
}
function vh( val ) {
return h*val+'px';
}
$('.header p').css({
fontSize: vw(4),
marginTop: vh(2)
});
是不是很简单？
【讨论】：
如果你尝试过：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
然后试试这个：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
【讨论】：