title: How to apply viewport width conditionally based on device width?
body: <p>Currently I set the viewport width to device-width for my mobile users. On certain pages, I need to stretch the vieport width to fit content such as comics or external dialogs, so I apply a viewport width of, let's say, 480px. </p>
  
  <p>Everything was great until I tested it on my Iconia B1 tablet (1024x600). The viewport width limited to 480 creates the problem of layout not covering 100% of the screen.</p>
  
  <p>The million dollar question is: How to apply a 480px width <strong>only</strong> if the device width is lower than 480? And <strong>if larger than 480, apply device-width instead</strong> (to make layout cover 100% of the screen). Any ideas? Is it even possible?</p>