How do you keep zoom between pages consistent? via CSS?


Tags: html,css,zoom

Problem :

I am new to CSS/HTML and couldn't find the answer to this question probably because I'm not using the proper terminology.

I have my separate pages set-up and don't know how to keep the 'user-zoom' consistent among my pages.

For example:
-User is on home.html. User zooms 3 times (control + '+'). Font is much bigger.
-User navigates to about.html. Font and layout is back to the small, default size.

Is there a CSS/HTML/Javascript attribute to keep the pages consistent? Thanks a lot!

Edit: For newer HTML coders, it appears that when you run the code on your local machine clicking on a link to another page will "reset" all the zoom [IE and Chrome tested]. However, apparently when you run it from a server the browser will remember the specific zoom and you don't have to worry about it. Hope this helps at least one person!



Solution :

Because the zoom level is controlled by the browser itself, the way it behaves on a per page basis cannot be adjusted using CSS/HTML/JS.

A workaround would be to create custom zoom buttons with JS and the CSS transform property. You would then want to save the zoom level to a cookie and apply the current saved zoom level to each page the user loads.


    CSS Howto..

    style a navigation link when a particular div is shown

    How to use CSS first-child but excluding text content

    How do I make a div top to be the bottom of other div

    css how to make text align bottom?

    How do I make an inline-block stretch?

    HTML5/CSS3 how to expand an anchor element to fit full size of it's li parent

    How to change width of

    CSS - HTML how to make the anchor image go to a specific spot

    How can I get the name of a page via Laravel Blade

    How can I make a div height automatically fit screen and expands if the content exceeds height

    How to fix the alignment of my sub-menu

    How to debug a website template which is very slow (client side)?

    How to vertical-align text on this input box for IE

    Show and Hide option for DIV(needs modification)

    How to sprite body background in CSS

    How to properly fix CSS inconsistencies across desktop and mobile browsers?

    Basic concept for how javascript replaces an html input with something interactive?

    How to use css to style xhtml markup made only of divs like a table [closed]

    How to add style to words (HTML/CSS)

    How can I have two divs inside a container such that when resizing one the other automatically resizes to fill the container?

    Rich HTML emails in Outlook 2007 and 2010… how do you remove the top margin?

    How do I keep my background image at the bottom of the page?

    How to handle javascript & css files across a site?

    How To Add % Based Image To CSS? (for fluid layout)

    How can I make my icon
    s show up next to each other, rather than underneath each other?

    How to change the Img tag src through css only? [closed]

    How to make Google Preview Button display in a CSS pop-up?

    How to format an arabic poem using jquery?

    how to link stylesheet in css

    How to write conditional css?