Size on different devices. "Lumnia 620 WP8.1" vs "S6 Android 5.1.1"

1

Hello,

I have the following index page :

<!DOCTYPE html>
<html ng-app="myapp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>
    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/app.css" rel="stylesheet">
</head>
<body  >
    <div class="bar bar-header bar-assertive" ng-controller="errorCtrl" ng-show="activeError" style="z-index: 1000">
        <h1 class="title">Error: {{error}}</h1>
        <button class="button icon ion-close-round" ng-click="dismissError()"></button>
    </div>
    <ion-nav-view></ion-nav-view>
    <div class="spinner">
        <ion-spinner icon="android" class="spinnerSpinner"></ion-spinner>
        <div class="spinnerBackground"></div>
    </div>

    <!-- Other Library/Framework references -->
    <script src="scripts/jquery-2.1.4.min.js"></script>
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- Cordova references -->
    <script src="cordova.js"></script>
    <script src="scripts/platformOverrides.js"></script>

    <!-- App references -->
    <script src="scripts/index.js"></script>
    <script src="app/services.js"></script>
    <script src="app/controllers.js"></script>
    <script src="app/app.js"></script>
</body>
</html>

My problem is that on my windows phone the size is considerable smaller than on my android device:

Android :

image
Android.png1440×2560 39.1 KB

Windows Phone :

image
Wp620.jpg480×800 14.5 KB

How can i make them to look the same?

Thank you,
Mark

2

I also experience the same thing, I was also looking for the solution before I discover somebody else has posted it.

3

I guess this http://stackoverflow.com/questions/15194940/phonegap-application-text-and-layout-too-small solve the problem, I’ve not try it out.