title: Increment negative value of property based on window size
body: <p>I don't know if this question has an easy or hard answer. </p>
  
  <p>The situation is that I have an element on the page with negative margin:</p>
  
  <pre><code>.element {
  margin-left: -195px;
  }
  </code></pre>
  
  <p>It works well with a screen size 1440x532 (check with Chrome's inspector element).</p>
  
  <p>What I want is kind of simple to explain.</p>
  
  <p>I want an increase of 1 pixel (for instance) in the margin-left of the element anytime the window is larger by one pixel:</p>
  
  <p>So, if window size is 1441, the margin-left of the element be -194px. If the window size is 1451, the margin-left of the element be -184px. </p>
  
  <p>In the same way, I want this to work from 1440px upwards.</p>
  
  <p>IMPORTANT NOTE: What I want is a dynamic value for the margin-left that increases based on screen size and not a kind of media query which would make the value always remain the same between an interval of screen sizes. What I want would force me to add a massive number of media queries.</p>
  
  <p>Is this possible with javaScript or jQuery? (or even CSS?)</p>