non ne so niente quello che posso fare è uno script che controlla quanto è grande lo schermo e se supera un valore che fissi porta l'immagine a un altro valore che fissi,


<html>
<head>
<title>Immagine percentuale</title>
<style type="text/css">
* {margin:0;padding:0}
html, body {height:100%}
div {
background:silver;
text-align:center;
width:100%;
}
img {width:100%}
</style>
<script type="text/javascript">
function tosatore(){
ciccio=document.getElementById('rid');
schermo=screen.width;
alert (schermo);
if(schermo<800)return;
ciccio.style.width="750px";
alert("l\'immagine rischia di sgranarsi e gli faccio fare una dieta")
}
window.onload=function(){
tosatore();
}
</script>
</head>
<body>
<div>
[img]SfondoDestraY24.png[/img]
</div>
</body>
</html>


non è la stessa cosa di un max-width ma ci si avvicina, gli alert li puoi togliere