>>Thank you for your input.
>
>>I didn't know that most phones are ~400 pixels wide.
>
>That's what the ViewPort is for - it makes it so that phones all show a 'page' at roughly the same virtual aspect ratio that you can make some assumptions about. Most phones have ultra-high resolutions and the ViewPort reduces that to a standard size that works on most phones. That's the reason when you didn't have it that your page displayed as a tiny stamp - basically it displayed your form on a 2000 pixel wide screen :-)
>
>>My dilemma right now is what to specify for label and text box fonts and sizes. My first version does not specify them at all. But I think (guess) that this should be set to some values that will make it work on most mobile devices.
>
>You should set global CSS font sizes and then use relative sizing. Typically somewhere around 16px:
>
>

>html, body {
>    font-size: 16px;
>    font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
>}
>

>
>That tends to be about the standard size for content. You can adjust slightly up or down, but this tends to work both for mobile and desktop views.
>
>The bigger issue is how to wrap your content and that's what frameworks like Bootstrap are for. So when you have multi-column layouts on desktop they can rearrange themselves on (via media queries in CSS) to display as vertically stacked layouts.
>
>If you use Bootstrap (or some other framework) it'll set the fonts and sizing as part of the base CSS as well.
>
>If you're new to CSS or not very good with HTML/CSS using a framework is a good idea because it removes the need to having to understand how to get everything sized and lined up right. Instead you can follow the basic instructions on how to layout or use controls and just - in many cases - cut and paste the examples from the documention.
>
>
>+++ Rick ---

Rick,
Thank you very much for your input. I think I will try the Bootstrap, even though the page is fairly simple.