Making HTML page zoom by default

Question

I ve designed a page  where buttons look good when the browser zoom is at 90   but by default other users view it at 100 125   in their browser which is resulting an overlap in buttons and input forms   So  I want to set the zoom value as 90  by default when my JSP page loads   How do I do this  After making any such setting can make the page non-zoomable  Or Is there any better solution for this

User · Accepted Answer

Solved it as follows    in CSS   my  zoom  100       Now  it loads in 100  zoom by default  Tested it by giving 290  zoom and it loaded by that zoom percentage on default  it s upto the user if he wants to change zoom   Though this is not the best way to do it  there is another effective solution  Check the page code of stack over flow  even they have buttons and they use un ordered lists to solve this problem

User · Answer

In js you can change zoom by  document body style zoom  90     But it doesn t work in FF http   caniuse com  search zoom  For ff you can try   -moz-transform  scale 0 9     And check next topic How can I zoom an HTML element in Firefox and Opera

User · Answer

A better solution is not to make your page dependable on zoom settings  If you set limits like the one you are proposing  you are limiting accessibility  If someone cannot read your text well  they just won t be able to change that  I would use proper CSS to make it look nice in any zoom   If your really insist  take a look at this question on how to detect zoom level using JavaScript  nightmare    How to detect page zoom level in all modern browsers

[html] Making HTML page zoom by default

Examples related to html

Examples related to css

Examples related to jsp