title: iPad Web App Splash Screen Won't Work in Landscape Mode
body: <p>I've read countless threads, blog posts, and other documentation online about this, yet I cannot get it to work.  I've spent hours researching this and trying different things.  </p>
  
  <p>I'm trying to get a splash screen image to show for a web app on the iPad 2.  I'm not even concerned with the iPad 3 resolution yet.  </p>
  
  <p>These are the tags that I have:</p>
  
  <pre><code>&lt;link href="images/splash_748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" rel="apple-touch-startup_image"&gt;
  &lt;link href="images/splash_768.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" rel="apple-touch-startup-image"&gt;
  </code></pre>
  
  <p>splash_748.png is 748x1024</p>
  
  <p>splash_768.png is 768x1004</p>
  
  <p>The portrait mode splash screen works just fine.  The landscape version will not show.  Does anyone have any ideas?  I've tried over a dozen different ways to do this.  None of them have worked.  </p>
  
  <p>I've been deleting the app and clearing Safari's cache each time I make an update.  Then I go back to the web page and send it to the home screen.  This seems to pick up changes in the images, so I can't imagine it's caching anything else.</p>