Question

我正在制作一个Ionic应用程序，对于普通尺寸的屏幕，即大多数智能手机，较小的平板电脑，视图看起来很完美（居中）

然而，一旦屏幕尺寸变大（大型ipad），视图似乎坚持正确

在图像中，您可以看到左侧的空间。在我查看此视图的index.html中，我使用简单的<ion-nav-view></ion-nav-view>，而我的主html文件的格式为

<ion-view>
 <ion-pane>
  <ion-content>
  </ion-content>
 </ion-pane>
</ion-view>

需要注意的是，向右移动仅适用于大屏幕应用中的所有页面。有人知道解决方案吗？

更新：似乎在一些大屏幕设备上发生，而不是所有大屏幕设备，有一个这样的设备是Ipad Mini 1st Gen 9.3.5

我的index.html：

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <title>XX</title>

    <link href="css/ionicons.css" rel="stylesheet">

    <!-- compiled css output -->
    <link href="css/hint.css" rel="stylesheet">
    <link href="css/ionic.app.css" rel="stylesheet">


    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>


    <!-- your app's js -->
    <script src="js/app.js"></script>
    <script src="js/directives.js"></script>
    <script src="js/services.js"></script>
    <script src="js/filters.js"></script>
    <script src="lib/ionic/js/collide.js"></script>
    <script src="lib/ionic/js/ionic.tdcards.js"></script>
</head>

<body ng-app="starter">
    <ion-nav-view></ion-nav-view>
</body>

</html>

查看被推到屏幕右侧以获得更大的屏幕

0 个答案: