我正在尝试将响应式网页设计应用到我的应用程序,以便它适应多个屏幕.因此,我在css中使用了视口单元(vw和vh),用于从font-size到margin的所有内容.但是cordova webview不支持视口单元.我被困在这里
有没有办法解决方法让vh和vw单位在cordova webview上工作?
要么
是否有任何其他方式为我的应用程序获得响应式网页设计,以便我可以跨多个屏幕(Android)发布它.
提前致谢.
解决方法:
我有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)
});
简单不是吗?
原文地址:https://codeday.me/bug/20190830/1769992.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。