Question

虽然我可以在我的Android移动设备上查看meteor上的流星演示页面all components demo，a contacts app，但我无法查看我的Meteor + Ionic应用程序（通过使用meteoric：ionic package）来自atmosphere.js）在同一设备上正确调整大小。导航栏在y轴上非常窄，因此对于制表符，对话框等。

即使调整大小，我也可以在桌面浏览器上正常查看。

我已导入this SO question中所述的行。

我错过了一些观点或者这是一个问题吗？如果我想念，那是什么？

MY-app.scss：

/* CSS declarations go here */

/* $loading-font-size: 22px; */

@import '.meteor/local/build/programs/server/assets/packages/meteoric_ionic-sass/ionic';
@import '.meteor/local/build/programs/server/assets/packages/meteoric_ionicons-sass/ionicons';

MY-app.js：

    if (Meteor.isClient) {
    Router.configure({
      layoutTemplate: 'AppLayout'
    });

    Router.route('/', function(){
        this.render('tabs');
    });  
}

if (Meteor.isServer) {
  Meteor.startup(function () {
    // code to run on server at startup
  });
}

MY-app.html：

<head>
  <title>evbul-ionic</title>
</head>

<body>

</body>

<template name="AppLayout">

  {{#ionBody}}
    {{> ionNavBar}}

    {{#ionNavView}}
        {{>yield}}
    {{/ionNavView}}
  {{/ionBody}}

</template>

<template name="tabs">
  {{#ionTabs class="tabs-positive tabs-icon-top"}}
    {{> ionTab title="News" path="news" iconOff="ios-paper" iconOn="ios-paper"}}
    {{> ionTab title="Todos" path="todos" iconOff="checkmark-circled" iconOn="checkmark-circled"}}
    {{> ionTab title="Profile" path="profile" iconOff="person" iconOn="person"}}
  {{/ionTabs}}
</template>

调整移动设备的大小

0 个答案: