title: Does calc() work for background size of image in CSS?
body: <p>My question is very simple, does <code>calc()</code> work for background size of a background image in pure CSS...</p>
  
  <p>Right now I am fixing a background image for responsive mobile view...
  I want the image to stay fixed in ratio of the screen but resize on any mobile screen...</p>
  
  <p>I implemented this code, it's not working currently:</p>
  
  <pre><code>@media (max-width: 767px) { 
     body { 
        background-size: calc(100%-200px) auto; 
        background-repeat: repeat; 
     }    
  }
  </code></pre>
  
  <p>Is it possible in pure CSS?</p>