Auto-detect a screen resolution and change browser zoom with javascript

Question

Hi guys!

Anyone can help me?

Thanks

Answer 1

If you mean change the native browser zoom triggered by CTRL +/- then this isn't possible. You can adjust CSS properties/apply stylesheets but you cannot affect native browser controls. There are in fact CSS only options here depending on your target audience (and their browser choice) through the use of media queries, a couple of examples here and here. If these are not suitable then you can do various things with JavaScript to detect screen width/height and adjust accordingly.

Answer 2

Auto-detect a screen resolution

See this SO question

change browser zoom with javascript

This is not possible. See this SO question.

Answer 3

Hi folks,

Thank you for you answers, but my question is a bit advanced... as you can see here: http://draftflow.pt/ I've a #warp with width: 3300% and a mask with width: 100%; and them, each .item has width: 3.030303% — with overflow hidden, otherwise it couldn't work as I want.

My point is: I've done this for at least 1280px wide screens... and What I want is if someone can write or give me a link where I could switch the CSS file once viewed on a <1280px screen — them, I could do something like: .item img { width: 80%; } and then, the result would be the same as "browser zoom out".

Cheers and have a good smokes.