Why site displays at smaller scale?

Hi, apparently I have sorted this out. I realized that the url box of my browser had a % button at its very righ-hand side that said 50%, when I clicked on it the aspect of the site returned to 100% of the range (and the button desappeared!). Apparently this button is displayed whenever a CTRL+/- key combination is pressed.
However, now I have realized that for better aspect of the website, I prefer it to be 80% of the full aspect. I also still don’t understand why if I change this % on a specific tab where the website is displayed, any other tab which will be open with the url of the website will display it exactly with the same % of that display scale.
Also, how can I fix the scale at which the website is displayed from within my admin interface, so that no matter the browser, etc. it will be automatically be displayed at, say (at least initially) 80% ?

You could add the following to the Additional CSS section of the customizer or style book:
body { transform: scale(80%); }
You may need to re-position the top location. After applying the above rule on my site I had to add these rules to the body declaration (YMMV):

position: relative;
top: -33vw;

This is kind of a band-aid solution. It’s better to properly set all the elements to the desired size and spacing at 100% scale. But since it’ll probably take some doing to go back and adjust all the elements at this point, scaling is a reasonable solution.

Hi @bcworkz, many thanks for your note!
I followed your advise but then it creates a boxed style website, whereas my website occupies the full screen, also some of the sections appear displaced.
It isn’t definetly the result I wanted.
Are there any other similar settings that can cater for a full width website?

It’s hard to say without a site I can look at. I did say scaling the entire site was a band-aid solution ?? Likely the best solution is to resize the individual elements you think are currently too large. Hopefully with globally applied CSS. I imagine it’d be too much work to alter every individual element’s settings. Often with CSS you can resize all similar elements with one rule.

Use your browser’s element inspector tool to help you with applying custom CSS to get the effect you’re after. Add whatever custom CSS you come up with to the Additional CSS section.