title: css for mobile but for landscape mode?
body: <p>I'm using special css for mobile devices but set the max-device-width to 480 px (i don't know whether this is standard size or not). however, when my screen is in landscape mode width is actually greater than 480 px so this mobile.css file didn't load.</p>
  
  <pre><code>&lt;link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="/media/css/mobile.css" type="text/css" /&gt;
  </code></pre>
  
  <p>What is the proper way to handle this situation... ? please help! </p>
  
  <p>---------------------------- Update -------------------------------------------</p>
  
  <p>So, this works fine, but seems like mobile devices are doing weird thing when the page is loaded initially. </p>