Home/ Questions/Q 8376893
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T15:32:07+00:00

When we render our template screen using safari browser on iPhone4 (retina display) screen

  • 0

When we render our template screen using safari browser on iPhone4 (retina display) screen , UI is displayed with out any issues. I ported same template code as a Phonegap iOS app. After porting UI fonts are increased in phonegap native app. I used below viewport meta tag in my code :

<meta name="viewport" content="width=device-width,initial-scale=0.5 maximum-scale=0.5; user-scalable=0;">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content='True' name='HandheldFriendly' />

Can some one explain me why font sizes are rendered properly in safari browser but not in Phonegap iOS app ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I found root cause of my issue, it’s because of “EnableViewPortScale” value in cordova.plist file. We should set this value to ‘YES’, but in my project setting it was ‘No’.

    Setting this value to ‘YES’ resolved my issue.

    • 0