how to specify a different image in css depending if the user visits on a desktop or a mobile browser

Question

Just a question about css for mobile devices,

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 res

Answer 1

You're looking for media queries. You can write styles conditional on width:

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

http://www.w3.org/TR/css3-mediaqueries/