Software Archive
Read-only legacy content
17061 Discusiones

pictures and texts are too small after building my app!

Supyo_H_
Principiante
1.020 Vistas

I just wanted to make simple quiz app by importing html data from other applications.

On emulators and testing preview, pictures and texts as well as navigation button seem to fit to every device, but once I build it into anroid legacy app and install it in my galaxy note 3, all elements got too small while leaving large blank spaces around.

I really like the view on emulators and hope this stays on the app, too.

I hope someone can help me to find how to fix this.

Thank you very much! 

 

0 kudos
1 Solución
Elroy_A_Intel
Empleados
1.020 Vistas

I recommend that you review your project's meta tags in your index.html which could be causing this issue. For more information and tips for using the appropriate meta tags visit the below links:

A typical mobile-optimized site contains something like the following

<meta name="viewport" content="width=device-width, initial-scale=1">

This can also be related to the UI framework that you are using. You can also visually evaluate your project within the Google* Chrome browser by navigating Settings > More Tools > Developer Tools > Toggle device mode button (In the upper left corner).

This will provide you with added confirmation in regards to how your application will display on your desired device(s).

Ver la solución en mensaje original publicado

3 Respuestas
Elroy_A_Intel
Empleados
1.021 Vistas

I recommend that you review your project's meta tags in your index.html which could be causing this issue. For more information and tips for using the appropriate meta tags visit the below links:

A typical mobile-optimized site contains something like the following

<meta name="viewport" content="width=device-width, initial-scale=1">

This can also be related to the UI framework that you are using. You can also visually evaluate your project within the Google* Chrome browser by navigating Settings > More Tools > Developer Tools > Toggle device mode button (In the upper left corner).

This will provide you with added confirmation in regards to how your application will display on your desired device(s).

John_H_Intel2
Empleados
1.020 Vistas

You mentioned that you built using the legacy build. Those work differently than the Cordova builds, with Intel App Preview is based on. You need to build your app for Cordova if you want to get the same build options that App Preview uses.

Supyo_H_
Principiante
1.020 Vistas

Thank you very much for all your comments.

I followed Elroy's approach and was able to do what I wanted.

I simply deleted "width" part and left "initial scale=1". It worked for my note 3. But I need to check other devices, too.

<meta name="viewport" content="initial-scale=1"/>

Thank you all for your guidance!

 

Responder