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.
"The creative process is nothing but a series of crises." Isaac Bashevis Singer
"My experience is that as soon as people are old enough to know better, they don't know anything at all." Oscar Wilde
"If a nation values anything more than freedom, it will lose its freedom; and the irony of it is that if it is comfort or money that it values more, it will lose that too." W.Somerset Maugham