I created a website for a client that insisted on an image that is now causing problems on tablets.  You can see the image at: www.zionism101.org.  Its a temple, with one column on the left, one column on the right, and content in the center.

So I put in a meta-viewport tag, and it is better, but people have to swipe their fingers together on some of the tablets to get everything to fit.  

Is there some jquery command or library that can figure out the zoom that is necessary given the tablet?  (Some tablets show the whole screen without any need to do touch-screen manipulations).

I am using a library called 51 degrees that tells me certain attributes of whatever mobile device the user is using.  It looks it up in an online database of tablets.  That is a library for dot-net, but the asp page can store any info into a variable that it puts in the javascript or jquery of a page, if need be.

Maybe this is more of a CSS question, but  the CSS forum I tried just told me that "image bound sites" are a terrible idea.

Any help is appreciated.