Tag <meta name="viewport" content="width=device-width, initial-scale=1.0"> mengatur rasio piksel agar sesuai layar ponsel fisik.
RWD Viewport
Contoh Kode RWD Viewport:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="font-family: sans-serif; line-height: 1.6;">
<h3>Viewport Aktif</h3>
<p>Halaman ini dikonfigurasi dengan lebar viewport 1:1 terhadap perangkat.</p>
</body>
</html>
Uji dan amati bagaimana deklarasi CSS RWD Viewport mengubah tampilan elemen di atas.