How i can adjust the all elements that web page has?


Tags: css

Problem :

I have a web page, and when I am zooming, all the elements that are there in the page move.

How do I modify my CSS file in order to fix this issue?



Solution :

When you zoom the page using: CTRL+ OR CTRL- your browser is changing the layout of your page.

The is no way in JS to capture this zoom event , the only thing you can do it to catch the resize event and "fix" your page layout there.


    CSS Howto..

    in a css three column setup using the float:left how do I horizontally centre an image inside each column

    How to write Hover property with CSS for a piece wih :after and :before properties?

    c# cassette - how to create different css bundles for different pages

    How to addStyleNames “Multiple css classes” into 1 element in UiBinder in GWT?

    CSS: How to fake a :hover state?

    How to select non-header cells with css

    How to fix a element (have example) on the screen using jquery /css?

    How to override mixins in LESS CSS 1.4+

    How to find all inputs which is not inside one div with css selector?

    How to create icons like font awesome

    How to place my dropdown CSS menu bar on top of my jQuery picture rotator?

    django render_to_response how to send special characters

    How to rotate image in relation to mouse position?

    How to add a play icon to Image on CSS

    How to add multiple css rules to minimize browser reflows?

    How to select via regex all class notations in css file

    How to get this code to behave differently based on what exactly is clicked?

    How to increase width of image when dimensions are not known in CSS?

    bar graph with CSS, how to get it filling in from bottom to top, not top to bottom?

    How to vertically align text over an image

    How can I transcend my confusion over CSS?

    slideshow banner without using flash

    How can I make the BODY element take up 100% height of the HTML element?

    How to change css on multiple elements

    How do I correct this CSS fluid layout glitch?

    How to find out if an element is in a fixed positioned container?

    How to fix background image inside div

    How do you change the modal link color in Foundation?

    how to adjust width of first cell of a table using CSS

    CSS causing red frame around lightbox image - how to remove?