title: Page width in Mobile/iOs
body: <p>I have read the related posts; 'Mobile CSS Page Width - etc' but haven't found a solution.</p>
  
  <p>I've developed a mobile version of a website, and the width fills fine in Android, and Blackberry - but, for some reason in iPhone there remains extra space on the sides of the content, making the site render slightly smaller in content area and with more background. When a user double taps - it then, takes the full screen as it does in Android &amp; Blackberry.</p>
  
  <p>Any suggestions?</p>
  
  <p>I've tried declaring the doc mobile, and using the '<code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;</code> ' but it then zooms in the site way too much (Should I try toggling the 'initial-scale')?</p>
  
  <p>I've tried the basics as well with setting to liquid etc.</p>
  
  <p>Can't I use similar script, as I've used with Mobile Redirects to define how widths could render per device?</p>
  
  <pre><code>&lt;!--Script for Mobile Redirect --&gt;  
  
  &lt;script type="text/javascript"&gt;
  
  var redirectagent = navigator.userAgent.toLowerCase();
  var redirect_devices = ['vnd.wap.xhtml+xml', 'sony', 'symbian', 'nokia', 'samsung', 'mobile', 'windows ce', 'epoc', 'opera mini', 'nitro', 'j2me', 'midp-', 'cldc-', 'netfront', 'mot', 'up.browser', 'up.link', 'audiovox', 'blackberry', 'ericsson', 'panasonic', 'philips', 'sanyo', 'sharp', 'sie-', 'portalmmm', 'blazer', 'avantgo', 'danger', 'palm', 'series60', 'palmsource', 'pocketpc', 'smartphone', 'rover', 'ipaq', 'au-mic', 'alcatel', 'ericy', 'vodafone', 'wap1', 'wap2', 'teleca', 'playstation', 'lge', 'lg-', 'iphone', 'android', 'htc', 'dream', 'webos', 'bolt', 'nintendo'];
  for (var i in redirect_devices) {
  if (redirectagent.indexOf(redirect_devices[i]) != -1) {
  location.replace("http://www.osmproduction.com/crown/maxbrooks/Test/MobileZombie/index.html");
  }
  }
  &lt;/script&gt;
  
  &lt;!--End Script for mobile Redirect --&gt;  
  </code></pre>
  
  <p><strong>Sub-question:</strong> Can anyone give me advice on best practices for optimizing for Blackberry - The page is rendering super zoomed in a certain Blackberry Model now (Don't recall Model, but 2007)- I'm assuming this discussion to take the width per device should tackle this issue as well, right? Or is developing for Blackberries somewhat of a separate issue? and something I'd have to look at separately as they kind of suck for browsing?</p>