Why do my projects appear smaller on a mobile device versus browser.
Here are two examples displaying reduced:
My last project was using EdgeCommons Adaptive Layouts. It displayed at the correct size. (Mobile at 280 px wide)
I assume that it has embedded coding in its .js file that does a media query to display at correct size.
I am sure someone will have a pretty good idea what direction I need to go.
Any terms or keywords that I can use to search would be very helpful.
The one you say works correctly has special <meta> tag that tells browsers how to process a page:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
Pages that don't work correctly for you both don't have that tag.
Here's more information on viewport at Mozilla: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
I added this line of code directly into the main HTML files published from Edge and saved to server.
Now the graphics display properly. I will read on for a better understanding, thank you also for the link.