/* viewport-width >= 1200 */ @media screen and (min-width: 1200px) { img { height: 200px; width: 200px; background-image: url("http://qnimate.com/wp-content/uploads/2014/06/1024.jpg"); } } /* viewport-width >= 992px and viewport-width <= 1199px */ @media screen and (min-width: 992px) and (max-width: 1199px) { img { height: 200px; width: 200px; background-image: url("http://qnimate.com/wp-content/uploads/2014/06/1024.jpg"); } } /* viewport-width >= 768px and viewport-width <= 991px */ @media screen and (min-width: 768px) and (max-width: 991px) { img { height: 200px; width: 200px; background-image: url("http://qnimate.com/wp-content/uploads/2014/06/512.jpg"); } } /* viewport-width <= 767 */ @media screen and (max-width: 767px) { img { height: 200px; width: 200px; background-image: url("http://qnimate.com/wp-content/uploads/2014/06/512.jpg"); } }
<img>