I have a fixed aspect ratio design that I will be keeping fixed (not standard website design, but useful for my case). I designed it in pixels to ease the burden while designing (not having to constantly calculate percentages for every single element). However, I don't think there will ever be a time that converting pixels to percentages will be anything less than torturous.

So, I'm looking for a jQuery solution to simply scale all my CSS up or down. As long as the script can properly scale everything just as it would if the CSS were all in percentages, then a lot of time and pain will be saved. Not just now, but for all future development as well. Hopefully the solution can be relatively lightweight as well (as comparable as possible to the speed of CSS in percentages).

I am crossing my fingers that the above is possible. I'd prefer to scale the website up against browser window size (100% height or width, depends on browser aspect ratio). It seems far simpler / cleaner than converting all my CSS to percentages and adjusting parent container to browser window size.

Any and all help is appreciated. Thanks!