title: how to specify a different image in css depending if the user visits on a desktop or a mobile browser
body: <p>Just a question about css for mobile devices,</p>
  
  <p>i have an image that is 1260px wide on my website and when i look at it on the phone it destorts the website as the rest of the website is based on a 960px layout.</p>
  
  <p>I have made these images to be now 960px wide for the mobile device but how do i specify in css that if it is a mobile use mobile optimized image instead of the one on the regular website.</p>
  
  <p>So basically if a user goes on the website on a desktop computer it will show the 1260px image</p>
  
  <p>and if they visit the website on a mobile it will display the 960px image</p>
  
  <p>any ideas guys?</p>