Hi,

I am working on an asp.net page that will be viewed on a mobile device (not on the desktop).

I can view the page on my iPhone but all labels and text boxes look very small. Basically the entire form fits into the small upper-right corner. I can enlarge the form, by pinching the form with fingers. But this is not an acceptable approach.

My question: Should I implement the page with a Bootstrap? Or should I simply try to increase the fonts of the ASP.NET page controls? If I increase the fonts, it may work on my iPhone. But I am not sure how well it will look on an Android or some other mobile device.

What would you recommend?

TIA

UPDATE: Adding the viewport meta makes the page look better. Still, not perfect. Should I change the value of the initial-scale?

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

UPDATE 2. Value of 1.2 gives the best result on my "old" iPhone 6. But I need to find a way to set this value dynamically so that it works on any mobile device.