手机页面中内容中的图片如何做到自适应屏幕？

对于内容中的图片，特别是电脑中的内容转到手机上时，图片会变大。如果做到内容中的图片自适应手机屏幕呢？

以下是代码：

#contants img{max-width:500px;float:left;
clear:both;}

img {
height: auto!important;
width: auto\9!important;
width:100%!important;
text-align:left;
float:left;
clear:both;
}