HTML Responsive Web Design. Frameworks. Responsive Style Sheet.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Există multe CSS Frameworks care oferă un Responsive Design.
Sunt gratuite și ușor de utilizat.
O modalitate excelentă de a crea un Responsive Design este de a utiliza o responsive style sheet.
Exemplu:
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.lectii-virtuale.ro/lvcss/4/lv.css">
<body>
<div class="lv-container lv-green">
<h1>Lectii-virtuale Demo</h1>
<p>Redimensionați această pagină receptivă!</p>
</div>
<div class="lv-row-padding">
<div class="lv-third">
<h2>Londra</h2>
<p>Londra este capitala Angliei.</p>
<p>Este cel mai populat oraș din Regatul Unit,
cu o zonă metropolitană de peste 13 milioane de locuitori.</p>
</div>
<div class="lv-third">
<h2>Paris</h2>
<p>Paris este capitala Franței.</p>
<p>Zona din Paris este unul dintre cele mai mari centre de populație din Europa,
cu peste 12 milioane de locuitori.</p>
</div>
<div class="lv-third">
<h2>Tokyo</h2>
<p>Tokyo este capitala Japoniei.</p>
<p>Este centrul zonei Tokyo,
și cea mai populată zonă metropolitană din lume.</p>
</div>
</div>
</body>
</html>