title: font-size with display:inline-block fails
body: <p>i have a Problem with css font-size i cannot figure out. </p>
  
  <p>Problem:</p>
  
  <p>Simple Website with a footer. The Footer consists of two columns, each column with some links. The columns are based on display:inline-block.</p>
  
  <p>The font-size is set in rem and works fine on Desktop. But on mobile, ie Android Chrome, the font-size does not scale: the text gets unreadable tiny, where other text ie in p-tags is readable as expected.</p>
  
  <p>If i remove Display:inline-block from footer-nav-column the text scales as expected but with the loss of the column-layout.</p>
  
  <p>I tried float for columns too, but the text also scales to tiny Hieroglyphs.</p>
  
  <p>What's wrong here? Plz help ;-)</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;footer class="footer-nav"&gt;
  &lt;div class="layout-center"&gt;
      &lt;ul class="footer-nav-column"&gt;
          &lt;li&gt;&lt;a href="/Contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class="footer-nav-column"&gt;
          &lt;li&gt;&lt;a href="/Legal"&gt;Legal&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/Privacy"&gt;Privacy&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/Cookies"&gt;Cookies&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>    footer
  {
      padding: 1rem 0;
      display: block;
  }
  
  
  .footer-nav
  {
      padding: 2rem 0;
      background-color: #069;
  }
  
  .footer-nav-column
  {
      vertical-align: top;
      display: inline-block;
      margin-right: 5rem;
  }
  
  .footer-nav-column &gt; li
  { 
      font-size: .9rem;
      padding: .5rem 0;
  }
  
  .footer-nav-column &gt; li &gt; a
  {
      color: #efefef !important;
  }
  
  .footer-nav-column &gt; li &gt; a:hover 
  { 
      text-decoration: underline;
  }
  </code></pre>
  
  <p>Desktop:</p>
  
  <p><a href="http://imgur.com/51WFQsk,vucViOd#0" rel="nofollow">http://imgur.com/51WFQsk,vucViOd#0</a></p>
  
  <p>Mobile:</p>
  
  <p><a href="http://imgur.com/51WFQsk,vucViOd#1" rel="nofollow">http://imgur.com/51WFQsk,vucViOd#1</a></p>
  
  <p>Thank you, you're awesome!</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>Here is the full site:
  nukura.com</p>