: Some browsers zoom in on website, removing whitespace on sides? On some browsers, they show the website more expanded, removing the white space on the sides of the page. This has the effect

@Pope3001725

A lot of browsers persistently remember sites that you've zoomed into before.

You might want to check that it's not a local setting that is 'expanding' your particular website and cropping the white space.

CTRL and zero will reset the zoom in Firefox, Chrome and IE.

Vote Up Vote Down

@Radia820

You can try setting a fixed width to the body of the site. This will prevent browsers from adjusting the width to fit the viewport. However it means you may end up with horizontal scrollbars if the user's viewport is smaller than your site's width.

The CSS would look something like:

body {
width:920px;
}


You could also try a min-width (supported in some browsers). This could be smaller than the (arbitrarily) 920px I've used in the example, but could be large enough that your site doesn't "squish". Ex.

body {
min-width:600px;
}

Vote Up Vote Down

@Karen161

Are you asking about a specific website, websites in general or browsers?

I've never heard of any browser that zooms in automatically other than the iOS version of Safari.

I've also never heard of client side website code that intentionally causes the browser to zoom in. If it exists, I'm not sure why you'd do that. Typically if you want bigger text, you just specify a larger font size in the CSS. If you want no white-space on the sides, you create a design without white-space that expands/contracts with the window.

Some people like using the zoom feature of their browser... on some browsers it simply makes the text bigger, on other browsers it actually zooms in. Sometimes, the browser's zoom feature breaks the original design.

Vote Up Vote Down