title: Is there such a thing as min-font-size and max-font-size?
body: <p>I'm trying to make a font in a div responsive to the browser window. So far, it has worked perfectly, but the parent div has a <code>max-width</code> of <code>525px</code>. Resizing the browser further will not make the font stop resizing. This has made me wonder if there is such a thing as <code>min-font-size</code> or <code>max-font-size</code>, and if such a thing does not exist, if there is a way to achieve something similar.</p>
  <p>I thought that using percentages at <code>font-size</code> would work, but the bit of text won't scale accordingly to the parent div. Here's what I have:</p>
  <p>The CSS for the parent div:</p>
  <pre><code>.textField{
      background-color:rgba(88, 88, 88, 0.33);
  
      width:40%;
      height:450px;
  
      min-width:200px;
      max-width:525px;
  
      z-index:2;
  }
  </code></pre>
  <p>The CSS for the piece of text in question:</p>
  <pre><code>.subText{
      position:relative;
      top:-55px;
      left:15px;
  
      font-family:&quot;news_gothic&quot;;
      font-size:1.3vw;
      font-size-adjust:auto;
  
      width:90%;
  
      color:white;
  
      z-index:1;
  }
  </code></pre>