Jump to content

IPS Invision Community: CSS responsive imagini


Recommended Posts

Posted

Pentru a avea parte pe responsive imagini pe IPS 4 (Invision Community), utilizați următoarele linii CSS:

.ipsImage {
	max-width: 100%;
	height: auto;
}

 

Clasă CSS: ipsImage

 

Exemplu:

<img alt="Titlu Imagine Fairside" class="ipsImage" src="https://www.fairside.ro/forum/uploads/imagine-exemplu.png" />

 

Vă sugerăm să utilizați același responsive pentru imagini și pe site-urile personale, întrucât setările sunt basic și compatibile cu orice device.

De asemenea, adăugați următoarea linie în HTML-ul paginii, în partea de <head></head>.

<meta name="viewport" content="width=device-width, initial-scale=1">

 

Mai jos este o pagina HTML Basic, sub formă de cod. Aceasta conține deja linia de Responsive HTML.

<!DOCTYPE html>
<html lang="ro-RO" dir="ltr">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
  </body>
</html>

Invision Power Board rămâne una dintre platformele populare pentru forumuri chiar și în anul 2020.

Guest
This topic is now closed to further replies.
×
×
  • Create New...