Как удержать холст от увеличения после того, как я установил размер и нажал на холст в Cordova?

Question

Так что я использую холст и ..

Всякий раз, когда я нажимаю на экран после того, как мой код меняет размер холста, чтобы соответствовать экрану, стиль (ширина и высота) увеличивает его, чтобы я могЯ не вижу часть холста, и мне нужно прокрутить, чтобы увидеть его.Если я не раскомментирую необкомментированное для холста:

#canvas {
            padding: 0;
            margin: auto;
            display: hidden;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            /*height: 100%;
            width: 100%;*/
        } 
        html, body {
            overflow: hidden;
        }

, что делает его таким, что я не могу поворачивать экран или когда я в браузере, заполняет весь экран.У меня есть код JavaScript, который изменяет холст (чтобы он помещался на экране телефона) следующим образом:

Этот код выполняется при изменении размера экрана и после нажатия на холст увеличивает его.

function resizeRatio(w, h) 
{
    var canvas = app.canvas, width = window.innerWidth, height = window.innerHeight;
    if(width > height)
    {
        props.signedWidth = (height * (w || canvas.width) / (h || canvas.height));

        canvas.style.width = props.signedWidth + "px";
        canvas.style.height = height + "px";

        props.placedWidth = props.signedWidth;
        props.placedHeight = height;
    }else{
        props.signedHeight = (width * (h || canvas.height) / (w || canvas.width));

        canvas.style.width = width + "px";
        canvas.style.height = props.signedHeight + "px";

        props.placedWidth = width;
        props.placedHeight = height.signedHeight;
    }
}

Мои настройки HTML:

 <meta charset="UTF-8"> 
        <!--<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">-->
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, width=device-width height=device-height">

Общие исправления не сработали, и поиск ничего не вызвал.Поэтому, когда я нажимаю и играю в свою игру, она становится непригодной для игры, что раздражает.Я также не знаю, какая еще информация была бы полезна ... У меня есть несколько файлов сценариев Java, хотя.Есть ли что-то, что я могу добавить в мой config.xml, чтобы это исправить?