Weird looking of blank template


#1

Hi all,

I have just started to learn ionic. I have tried to create an app using the ionic blank template. The app looks fine when I tested it using ionic serve. However, when I run the app using ionic run, the layout seems can’t displayed correctly, just look like the following image:

https://dl2.pushbulletusercontent.com/ExgrBSTcK9gP4glrZa3N39xCjgX3pIAP/S60212-234934.jpg

Can anyone help on this? Thanks a lot!


#2

device android version?


#3

Device Android Version: 4.4.4

Just wonder if I need to download Android 4.4 (API20) in SDK Manager as well? Only Android 6.00 (API23) is installed at this moment.

> ionic info
Your system information:
Cordova CLI: 6.0.0
Ionic CLI Version: 1.7.14
Ionic App Lib Version: 0.7.0
OS: Windows 7 SP1
Node Version: v4.2.6


#4

I also noticed that the app also looks weird when I use the device simulation function of Chrome to view the page:

For example, I used Nexus 4 as the device:

But when I use iPhone as the simulation device, everything looks fine!!!