How to automatically adjust to optimal zoom for user
I recently made a website with a background image I made in photoshop. The problem is that my image fits my resolution, however it looks uneven and incomplete on screens of smaller resolutions. Those screens simply have to zoom out once or twice for the website to look how I want it to. Therefore my question is, how would I have the zoom of their browser automatically adjust to optimal zoom for my website?
You are going to find it VERY difficult to auto adjust the "zoom" for every resolution.
For example... what about resolutions that are LARGER than your resolution? ... and I don't want you messing with my "zoom"?
While it's relatively easy to completely fill any resolution with a 100% background image... just be careful what you ask for!
Why not post the actual page here so we can comment.
Eye for Video
This article might help. The solution there uses CSS3 so it only works in newer browsers.
Thanks for the replies. I did post the page but it was removed.
Thank you for that article I think it will prove to be exactly what I am looking for.
I used the cover attribute in CSS3 to make the image cover the whole screen no matter what. It only works in new browsers though, but honestly people should be updating their browsers anyways
background: url(../img/sideimage1.jpg) no-repeat center center fixed;
font-family: ‘Times New Roman’, Times, serif;
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Tags for this Thread