title: Preserve HTML font-size when iPhone orientation changes from portrait to landscape
body: <p>I have a mobile web application with an unordered list containing multiple items with a hyperlink inside each <code>li</code>:</p>
  <p>My question is: how can I format the hyperlinks so that they DON'T change size when viewed on an iPhone, and the accelerometer switches from portrait to landscape?</p>
  <p>In portrait mode, I have the hyperlink font size set at <code>14px</code>, but when I switch the device to landscape, it blows way up to <code>20px</code>.</p>
  <p>I would like the font-size to stay the same.</p>
  <p>Here is the example code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>ul li a {
      font-size:14px;
      text-decoration: none;
      color: #cc9999;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
      &lt;li id="home" class="active"&gt;
        &lt;a href="home.html"&gt;HOME&lt;/a&gt;
      &lt;/li&gt;
      &lt;li id="home" class="active"&gt;
        &lt;a href="test.html"&gt;TEST&lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>