android–Viewport单元在Cordova Mobile App中不起作用

概述我正在尝试将响应式网页设计应用到我的应用程序,以便它适应多个屏幕.因此,我在css中使用了视口单元(vw和vh),用于从font-size到margin的所有内容.但是cordovawebview不支持视口单元.我被困在这里有没有办法解决方法让vh和vw单位在cordovawebview上工作？要么是否有任何其他方式为

我正在尝试将响应式网页设计应用到我的应用程序,以便它适应多个屏幕.因此,我在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)
    });

简单不是吗？

总结

以上是内存溢出为你收集整理的android – Viewport单元在Cordova Mobile App中不起作用全部内容，希望文章能够帮你解决android – Viewport单元在Cordova Mobile App中不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。