title: How to fit web page to webview's width when webview resizes (without reloading)
body: <p>I have an HTML page and a full-screen Android webview. The HTML content is larger than the webview's visible area. I <em>want</em> to fit the HTML content to the width of webview.</p>
  
  <p>What's really important is this: when the device's orientation changes, the webview will not reload, meaning it will just resize and the content would still <em>fit</em> to width.</p>
  
  <p>One more thing: because the content has been scaled down, user can zoom it in to a maximum scale of 100%. When the content is zoomed and orientation changes, I <em>want</em> the content to fit-width again.</p>
  
  <p><em>Edit 1</em>: I can change meta tags in the head of HTML, but its content remains larger than the webview's visible area. I'm supporting Android 2.3 and later.</p>
  
  <p><em>Edit 2</em>: Thanks for the suggestion on responsive web design. I know what it is and I can do it. Problem is I cannot change much of the HTML content in this case.</p>
  
  <p><strong>TL;DR</strong>: How to always fit a larger HTML content to a Android webview's width as the webview resizes, without reloading the content. (I can change the webview, not much of the HTML.)</p>