I am developing an application using Monaca, but as shown in the image below, there is a blank space on the toolbar.
Screen http://ryo110isa.main.jp/ios.png
This is not the case with Android.
If you try many things, it seems that you can only use AngularJS to create spaces.
By the way, index.html
is
<!DOCTYPE HTML>
<htmlng-app="myApp">
<head>
<metacharset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scale=no">
<script src="components/loader.js"></script>
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/app.js"></script>
</head>
<bodying-controller="Page1Ctrl">
<ons-tabbar var="tabbar">
<ons-tabbar-item
icon="home"
label = "Home"
page="navigator/navigator1.html"
active="true"></ons-tabbar-item>
<ons-tabbar-item
icon="fa-book"
label="Menu"
page="navigator/navigator2.html">/ons-tabbar-item>
<ons-tabbar-item
icon="fa-star-o"
label="Coupon"
ng-click="on_search_btn()">/ons-tabbar-item>
<ons-tabbar-item
icon="fa-phone"
label="Reservation"
page="navigator/navigator4.html">/ons-tabbar-item>
</ons-tabbar>
</body>
</html>
That's right.
Why is that?I'm sorry I'm not an amateur, but I'd appreciate it if you could teach me
ios monaca css angularjs
I am using OnsenUI, so I think the following code will eliminate spaces.
ons.disableAutoStatusBarFill(); // (Monaca enable StatusBar plugin by default)
For a description of utdisableAutoStatusBarFill() 」, see the following:
http://ja.onsen.io/guide/overview.html#disableautostatusbarfill
© 2024 OneMinuteCode. All rights reserved.