Hola como andan?
tengo un problema tengo un html con CSS que lo que necesito es la imagen que le agrego si es mayor a 720x576px la reseizee y si es menor a esa resolucion no haga nada.
si pude hacer que las achique si supera el tamaño pero no puedo hacer que si es menor a la resolucion que comente que deje la imagen con el tamaño original.
como tendria que hacer?
<style type="text/css">
<!--
#myDiv
{
height:720px;
width:576px;
}
#myDiv img
{
max-width:100%;
max-height:100%;
display:block;
position: relative;
left: 10%;
top: 2%;
margin-left: auto;
margin-top: auto;
}
.TITULO {
font-family: "Arial Black", Gadget, sans-serif;
font-size: 36px;
color: #000;
font-style: normal;
}
-->
</style>
<div><img src="encabezado2016.jpg" width="780" height="199" />
<table width="780" border="0" cellspacing="0" cellpadding="0" style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td>
<div align="center" style="text-align: center;">
<p><br /><br />
<strong><span style="letter-spacing: -3px; font-size: 36px; font-family: 'arial black', 'avant garde';">[TITULO]</span></strong></p>
<div id="myDiv"><img src="http://mc-cars.com.ar/IMAGENES/MC-BK362303G.jpg" align="absmiddle" class="myDiv img"/>
</div>
</div>
<div align="center" style="text-align: center;"><span style="font-size: x-large; font-family: 'arial black', 'avant garde';"><strong><br />[SKU]<br /></strong><strong>[GARANTIA]<br/></strong><strong>NUMEROS DE PIEZA:</strong> <strong>[OEM]<br />
<br /></strong></span><img src="pie2016-conMONT.jpg" alt="" width="780" height="1500" style="font-family: 'Arial Black', Gadget, sans-serif; font-size: 24px;" /></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>