Am cautat pentru mine un code general de auto resize image care sa functioneze pe orice site sau sa-l pot folosi oriunde vreau.
Dupa cateva cautari am gasit codul care imi trebuia. Am gasit doar image, dar am adaugat si link in caz ca vreti sa folositi ca banner undeva.
Stim cu totii ca uneori trebuie sa folosim o imagine pe desktop dar pe mobile device nu arata bine, asa ca trebuie sa redimensionam.
Daca folositi codul scapati de aceasta problema.
Este loc de editare si useri ca @Ovidiu Bokar @Susp3kt @Naruto9 pot edita si face o versiune mai buna.
Codul responsive l-am luat de aici:
http://www.w3schools.com/css/tryit.asp?filename=tryresponsive_image2
Pentru mai multe solutii cautati pe google resize img responsive
Dupa cateva cautari am gasit codul care imi trebuia. Am gasit doar image, dar am adaugat si link in caz ca vreti sa folositi ca banner undeva.
Stim cu totii ca uneori trebuie sa folosim o imagine pe desktop dar pe mobile device nu arata bine, asa ca trebuie sa redimensionam.
Daca folositi codul scapati de aceasta problema.
Cod:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
img {
width: 100%;
height: auto;
}
</style>
</head>
<body>
<a href="http://bit.ly/1PANkr4" target="_blank"><img src="http://image.prntscr.com/image/6f8b84e7a44047439b28074727e11f3a.png" width="250" height="250" class="aligncenter" /></a>
<p>Resize the browser window to see how the image will scale.</p>
Este loc de editare si useri ca @Ovidiu Bokar @Susp3kt @Naruto9 pot edita si face o versiune mai buna.
Codul responsive l-am luat de aici:
http://www.w3schools.com/css/tryit.asp?filename=tryresponsive_image2
Pentru mai multe solutii cautati pe google resize img responsive