Form Fields showing too small on the embedded form.

it displays better on mobile but not
per the preview.
If I look at the same form on mobile in an html page, the fields are still
shrunk.

What do you mean by "it displays better on mobile but not per the preview."? Is it or is it not showing correctly in mobile views? What mobile device are you using?

I refer to my last reply.
Injecting the CSS does not fix the problem on my Samsung S8+ when viewed
embedded in an HTML page as per previous instructions.
However, if I go to the direct link given in the Publish tab in JotForm
designer from the same device it does not show small fields.
When I use jotForm preview mode it looks how I would expect it to on mobile
device.
There is inconsistency throughout.
Is that any clearer? Why did you change the thread btw?
...

Also, your re-titled choice suggests you are misunderstanding the problem.
The input fields are too small on mobile devices. As indicated on the
screen shot previously supplied on the original thread.
...

We are required to open each concerns or question in different thread, and the form fields view from your embedded form version is a different topic than "Changes not reflecting to preview".

Thanks for further clarification, I can see what you mean now:

1) Fields showing fine in form's direct link: https://form.jotform.co/71631179215858 

2) But show smaller on the embedded version: http://www.kbpiforms.com/ 

So, in order to fix this, we can try using a different embedding method, have you already tried with the "Embed" method? https://www.jotform.com/help/34-Adding-a-Form-to-a-Web-Page 

Let us know if that makes any difference.

Now this is going around in circles.
I have done this already and see the same result as the iframe usage page.
...

Based on my test the issue with your embedded form can be replicated on all mobile devices., not just Samsung S8+. 

I am not exactly sure what is causing the issue, but it is possible that there is a script conflict between your website scripts and form script.

Can you please try again with the iFrame code, but this time remove the script part of the iFrame code. Use only the part of the code inside of <iframe> tags. 

That only allows the first 3 fields to show for some bizarre reason...
...

In order for all the fields to be shown, increase the height value from 539px to 3329px found in the iframe embed code.

Example:

 <iframe id="JotFormIFrame-71631179215858" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.co/71631179215858" frameborder="0" style="width: 1px; min-width: 100%; height:3329px; border:none;" scrolling="no">

</iframe>

Ok. Thanks. But there is enough to see that it didn't work.
There are no scripts in the html file. Just an image and the JotForm.
...

Please add the following meta code to the head tag on your page in order for the form to be scaled properly on mobile devices.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />

After that re-embed the form with the script embed code.

Adding a Form to a Web Page