HTML Responsive Web Design. Frameworks. Responsive Style Sheet.

Responsive Web Design - Frameworks

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="/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>