While testing a jQuery Mobile Framework based web app on iPhone, I noticed iPhone displayed the web page zoomed out with very small text. I thought I had forgotten to add some styles or messed up something in my custom css but turned out some thing very basic, just add it in the top of your template inside head tag:
This one line fixes buttons, forms elements and text sizes magically.
Hope that helps.
Cheers!
I am a web & mobile app developer based in Lahore. I have been developing creative, interactive, usable & successful web apps, web portals, php and Flash action scripting, REST apis, WordPress plugins & themes. In recent years, I have worked on Ionic, Angular and TypeScript for hybrid mobile apps, Flutter & Dart, React & React Native, and Swift native iOS mobile app development.
| Cookie | Duration | Description |
|---|---|---|
| cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
| cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
| cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
| cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
| cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
| viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |
Sure didn’t work for me. Just created a jquery mobile form page at http://instapage.net/cai using latest version of jquery mobile. Manually added the META tag and it displays fine in android, but on the iPhone text is tiny text fields are far too wide, the page is simply too wide and thus too small to be legible.
Add following code in the head:
Make sure you have added
in your page.