title: Full width html body on tablet
body: <p><strong>Basic Question</strong></p>
  
  <p>How do I get a website to be width:100% on tablet devices.</p>
  
  <p>There are java-script options to detect screen size and readjust the CSS accordingly. If this is currently the only option I will accept that, but surely with HTML5/CSS3 there is a more elegant solution.</p>
  
  <p><strong>To elaborate:</strong></p>
  
  <p>I'm not worried about mobile devices, because the app is so detailed, The mobile version has to have simpler options.</p>
  
  <p>The problem has come because tablets now come in high definition. So designing a site for max-width:998px was fine in the past, a tablet with full HD will not display as 100% width because obviously it will be greater than 998px.</p>
  
  <p>I have looked into zoom, but the consensus is it's not really supported yet.</p>
  
  <p><strong>Finally</strong></p>
  
  <p>Should I start designing my pages to fit max-width:1280px, and have my forms/tables width:100%?</p>
  
  <p>At the moment I'm using <a href="http://getbootstrap.com/" rel="nofollow">http://getbootstrap.com/</a> and it's amazing, but doesn't have a tablet detection library. I have classes for different sized devices, but it'd like to say, tablet=width 100%.</p>
  
  <p><strong>Final note</strong></p>
  
  <p>In case it's unclear most examples follow <code>&lt;body&gt;&lt;div class="container"&gt;...&lt;/div&gt;&lt;/body&gt;</code> So I'm after the <code>.container</code> to be 100% width on a tablet.</p>
  
  <p>I'm currently 100% up to 998px, but might have to increase that to 1200px, feedback on that too would be nice.</p>
  
  <p><strong>Edit 1</strong></p>
  
  <p>I got a vote for too broad. Could you please elaborate because I've been searching for weeks before I posted. There is very little on how to create a full width tablet website. If you want examples I can create some pages. The problem is so many different resolutions. An example, I want to have a page or form with account/contact details and have it fit any size tablet, on a desktop if I open the page on a 50 inch screen it won't work if the inputs are width:percent. Why it is limited to max-width:998px, to try fit most desktops. But tablets, despite the resolution, are small screens, and will look perfect full width.</p>