Ok, so I'm recoding a site to be responsive but want the site to remain the same until about 500px or so. At the moment I am using max-width: 480px and max-width: 320px and everything is fine, but on the iPad it cuts off the corners (as it should with the stated in the HTML, but I don't want this). Is there anyway to have browsers ignore the 'initial-scale=1.0, maximum-scale=1' until it reaches the 500 or so mark? Or what would be the best way around this?

Thanks.
Al.