My page looks better in the zoom scale of 150% and I want all users to look at it that way. Is there a CSS code snippet that I could use to make the default viewing by 150%?
How can i automatically adjust the zoom by %.
By far the most trivial way is to make all of your fixed values in CSS 50% bigger than they are currently. You may backup your CSS before increasing the values to not be lost in the process.
There is also a special value of viewport meta-tag called initial-scale that you can set in your HTML, but unfortunately, it doesn't work on desktop, only on mobile devices, based on my tests (I've used Chrome DevTools to enable mobile device emulation).
You may be tempted to apply transform: scale() to the root element of your HTML, but please don't do that, it won't be responsive, as transform property doesn't affect document flow.