我正在尝试将响应式网页设计应用到我的应用中，以便它适应多个屏幕。因此，我在css中使用了视口单元（vw和vh），用于从font-size到margin的所有内容。但是cordova webview不支持视口单元。我被困在这里。
有没有办法解决方法让vh和vw单元在cordova webview上工作？ 要么 是否还有其他方法可以为我的应用程序获取响应式网页设计，以便我可以在多个屏幕（Android）上发布它。
提前感谢。
答案 0 :(得分：3)
我得到了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)
});
简单不是吗？
答案 1 :(得分：1)
如果您尝试过：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
然后试试这个：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
答案 2 :(得分：1)
根据我的理解，一些早期版本的Android和IOS不支持视口单元 http://caniuse.com/viewport-units
答案 3 :(得分：0)
我会使用em而不是视口单元，我会添加一些媒体查询到html标签来操作font-size。 单位'em'是相对的，所以如果我在html上更改font-size，它会缩放其子项的字体大小