How to Increase browser zoom level on page load?

by

Personally I think this is a bad idea; either design your site so it scales easily (not hard with proper CSS/HTML techniques). Typically you should not make UX decisions for people.

But it is possible.

Demo: http://jsfiddle.net/q6kebgbh/4/

.zoom {
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
}

Note that previous versions of this answer used transform to support more browsers. However, this shortened code appears to work for current versions of Chrome, FF, Safari and IE (as well as previous versions of IE, which have supported zoom for a long time).

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to force browser to show image 3 inches wide?
  3. Hover over image to get a box with multiple links in html/JavaScript
  4. Reloading a single div in an html page [closed]
  5. How do you inject this code into HTML using Javascript?
  6. fixing slider on my website [closed]
  7. Full-screen iframe with a height of 100%
  8. How To Get Font Size in HTML
  9. Cache busting via params
  10. Why is deprecated and what is the best alternative?
  11. How to save image from canvas with CSS filters
  12. focus doesn’t work in IE
  13. Detecting that the browser has no mouse and is touch-only
  14. How to get all the applied styles of an element by just giving its id?
  15. How to develop Desktop Apps using HTML/CSS/JavaScript? [closed]
  16. How to add background-image using ngStyle (angular2)?
  17. how to disable DIV element and everything inside [duplicate]
  18. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  19. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  20. jQuery position DIV fixed at top on scroll
  21. css position absolute making the textbox go down
  22. How do you float elements without a vertical gap?
  23. Trigger CSS Animations in JavaScript
  24. Dynamically change the size of the font size based on text length
  25. Why does querySelector only select the first element and how can I fix this?
  26. Detect browser wrapped lines via javascript
  27. Multiple read more / read less sections are not working on a page
  28. How can I dynamically highlight strings on a web page?
  29. How do I dynamically adjust css stylesheet based on browser width?
  30. How do I put a clear button inside my HTML text input box like the iPhone does?

Leave a Comment