resize images to fit in iPhone viewport

iphone.css

@media:only screen and (max-device-width: 480px){

	body{
		font-size:14px;
		line-height:21px;
		padding:10px;
	}

	img{
		max-width:300px;
	}

	#container{
		width:100%;
		margin:0;
		padding:0;
	}

	#content{
		width:100%;
		margin:0;	
	}

}

iphone.js

jQuery(function($){
	$('#content').resize(function(){
		var img = $('img',this);
		var outWidth = $(this).innerWidth() - 10; // este -10 es faux-padding
		img.css({maxWidth:outWidth});
	}).resize();
});