html - Scale image for tablets and phones -


i noticed on of webpages, when browse them on ie. tablet or android phone, images seem big while rest of website scaled down properly. there css property or make images scale down when viewed on tablets/phones?

thank you.

edit: i'm talking when using background-image css property

update

yes use media queries

check following links started. hope helps

http://mediaqueri.es/  http://css-tricks.com/css-media-queries/ 

sample example

@media screen , (max-width:480px) {   img   {    background-image:url('yourimage.jpg)";    height:50px;    width:50px;    }  }  @media screen , (max-width:750px) {   img   {    background-image:url('yourimage.jpg)";    height:250px;    width:250px;    }  } 

Comments