Определение размера на мобильном устройстве
Хотя я могу просматривать демонстрационные страницы Meteoric, размещенные на Meteor, демо всех компонентов, приложение контактов, на Chrome на моем мобильном устройстве Android, я не могу просмотреть приложение Meteor + Ionic (с помощью пакета meteoric: ionic из атмосферы.js) правильного размера на этом же устройстве. Навбар очень узкий по оси Y, поэтому для вкладок, диалогов и т. Д.
Я могу просматривать его в обычном браузере даже при изменении размера.
Я импортировал строки, как указано в этом вопросе.
Я что-то упускаю или это проблема? Если я скучаю, что это?
мой-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';
мой-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
});
}
мой-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>