CODEWITHSUNDEEP
javascriptangularjscordovaionic-frameworkviewport
Efei001
Efei001

Reputation: 41

ionic app extremely zoomed in after building

EDIT: I changed the viewport back to 1 and im gonna change the font sizes to how the size that should look the same. will update after i changed it all to see if it really works.

I tried alot of different things but it just doesnt show anything correctly. When I use ionic view it works perfectly and in browsers too.

viewport tag

<meta name="viewport" content="width=device-width, initial-scale=0.3, maximum-scale=0.3, minimum-scale=0.3, user-scalable=no">

I ran the apk file on bluestacks and samsung galaxy s4 but the results i get looks like this: https://i.sstatic.net/uMtLh.jpg

it should look like this: https://i.sstatic.net/GvA0v.jpg

I also tried to change the viewport to alot of different things and it didnt work.

Upvotes: 0

Views: 469

Answers (2)

Matthijs
Matthijs

Reputation: 3170

Your problem is being caused by the scale you have set in your viewport.

<meta name="viewport" content="width=device-width, initial-scale=0.3, maximum-scale=0.3, minimum-scale=0.3, user-scalable=no">

The scale (initial only if you want to give the user an option to zoom in your app; if not, change maximum and minimum as well) should be set to 1 instead of 0.3. Something along the lines of:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

Upvotes: 1

XAVIER K.I
XAVIER K.I

Reputation: 349

    <meta name="viewport" content="width=device-width, initial-scale=1.0,  user-scalable=no">

make your initial scale property set to 1.0

Upvotes: 0

Related Questions