I have an html file with javascript which operates as I wish on the iphone in my BT app. I have this declaration in the head: <meta name="viewport" content="width=device-width initial-scale=.3 maximum-scale=.3"> However, on the ipad, this doesn't work and I'd rather not have this declaration in AT ALL since when it's not in, things work as I wish on the ipad. Is there a way I can have one set of viewports for one device and another for another device? Thanks. Steve

I think this stackoverflow solution may do it ? http://stackoverflow.com/questions/6135703/viewport-by-meta-tag-in-html-if-ipad-x-and-if-iphone-y

Thanks for the help. I Actually found this elegant, JQuery method searching the web - This goes in the beginning of the head as a default for my ipad: <meta name="viewport" content="width=device-width initial-scale=.8 maximum-scale=.8 user-scalable=no"> And this goes later on to detect a smaller device: <script> if ($(window).width() < 600) { $('meta[name=viewport]').attr('content','initial-scale=0.35, maximum-scale=0.35, user-scalable=no'); } </script> I had to play around with the numbers on each device to go with my content but it works.