title: jquery mobile default font size
body: <p>I have the following code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;jQuery Mobile&lt;/title&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" /&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div data-role="page" id="myPage"&gt;
  
      &lt;div data-role="header"&gt;
          &lt;h1&gt;Header&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div data-role="content"&gt;Hello World!&lt;/div&gt;
      &lt;div data-role="footer"&gt;
          &lt;h4&gt;Footer&lt;/h4&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;script src="/jQueryMatrix/Inc/js/PRINT.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But my font size looks so small.
  It's true, I can zoom in, but shouldn't the default font size be legible?</p>