CODEWITHSUNDEEP
javascriptzooming
vizkid2005
vizkid2005

Reputation: 11

Automatically zoom out browser as per user resolution

I have run into a big problem ... I have designed my site at 1920 X 1080 ... It looks great on 1920 X 1080 ... Then after designing the entire site ... I ran into a major design flaw, I should have thought of earlier .. I realized majority of my target audience uses 1280 or 1024 kind of resolutions ... and don`t run latest versions of browsers .. What do I do now ???

I tried using javascript and zoom css property but it only works on chrome,safari.. They handle it exceptionally and IE 9 messes it up a little ... But firefox makes a mess ...

Please help me ... Heres my site

http://www.unitedtraders.biz

Thank you ...

Upvotes: 1

Views: 810

Answers (2)

lukad
lukad

Reputation: 17863

Check out CSS3 Media Queries. They allow you to include stylesheets depending on the browser's viewport's size.

Upvotes: 1

g.salakirov
g.salakirov

Reputation: 461

I would include different CSS sheets for every resolution, as it's a fixed website. Since there are a lot of small details that need to be attended, just zooming out the website wouldn't keep it pretty on any resolution.

Upvotes: 0

Related Questions