title: How to get current screen width in CSS?
body: <p>I use the following CSS code for formatting when screen width is less than 480px, and it works well.</p>
  <pre class="lang-css prettyprint-override"><code>@media screen and (min-width: 480px) {
      body {
          background-color: lightgreen;
      }
  }
  </code></pre>
  <p>I would like to get the current width for calculation to use <code>zoom</code> like it follows:</p>
  <pre class="lang-css prettyprint-override"><code>@media screen and (min-width: 480px) {
      body {
          background-color: lightgreen;
          zoom: (current screen width)/(480);
      }
  }
  
  </code></pre>