我正在尝试对我的应用进行响应式网页设计,以使其适应多种屏幕。因此,我在我的 css 中使用视口(viewport)单位(vw 和 vh)来处理从字体大小到边距的所有内容。但是 cordova webview 不支持视口(viewport)单位。我被困在这里。
有没有什么方法可以让 vh 和 vw 单元在 cordova webview 上工作? 要么 有没有其他方法可以为我的应用程序获得响应式网页设计,以便我可以在多个屏幕(android)上发布它。
提前致谢。
最佳答案
我有 js 解决方法,它在 cordova 应用程序中工作正常
代码:
var w=$(window).width()/100;
var h=$(window).height()/100;
函数 vw( val ) {
返回 w*val+'px';
}
函数 vh(val){
返回 h*val+'px';
}
$('.header p').css({
字体大小:vw(4),
上边距:vh(2)
});
是不是很简单?
关于android - 视口(viewport)单位在 Cordova 移动应用程序中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24423674/