title: HTML Mobile Font Size in Button
body: <p>I'm trying to make a web page that is also mobile friendly. I tested it on my phone and in Chrome's device mode. The majority of the text on the screen displayed large enough to easily read without needing to zoom. I found that my buttons and inline-block divs had much smaller text. I tried messing around with css to fix it but I couldn't figure out why those were smaller than any other text.</p>
  
  <p>As I was trying to create a small demo to post here, I found another rather strange thing that was happening. If the body held more than 240 characters (text that is displayed), the text would display large, as desired, but if I had less than 241 characters, the text would be as small as the text on the buttons. I saw this happen in Chrome's device mode, using a number of devices, such as the Google Nexus 5. What would cause this to happen?</p>
  
  <p>Anyways, this is my html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;My Demo&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;input type="button" value="Click Me"&gt;
      &lt;p&gt;1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 1234 123456&lt;/p&gt;
      &lt;div style="display: inline-block;"&gt;small text&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I couldn't get this to show my issue in a JSFiddle, so to see it you can just save that as an html page and run it in Chrome, using its device mode. You should see that the numbers in the <code>p</code> tag display large enough to read, while the text on the button and the <code>div</code> are quite small. If you get rid of a character in the <code>p</code> its text should become just as small as the other text on the page. </p>
  
  <p>What I want is to have the larger text everywhere, so it is easily readable on a mobile device, while not becoming extra large when viewing it on a desktop. How can I fix this?</p>