title: Resize background Image different desktop screen size
body: <p>Background image does not resize on different desktop screens with the following style. What's wrong here?</p>
  
  <pre><code>@media
  only screen and (min-resolution: 2dppx) and (min-device-width: 539px) {
      /* Large screen, retina */
      .welcome {
          background:#00ff00;
          /* link to other image */
          background-image: url('Desktop768px1024px.jpg');
          background-size: 100% 100%;
          /* hide src */
          height:0;
          width:0;
  
          /* just show the background */
          padding:768px 1024px;
      }
  }
  </code></pre>