The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

HTML Memiliki Tag Meta Viewport

Mengapa audit itu penting

Tanpa tag meta viewport, perangkat seluler akan merender laman dengan lebar layar desktop pada umumnya, kemudian menskalakan laman agar pas pada layar seluler. Dengan menyetel tampilan yang terlihat akan memungkinkan Anda mengontrol lebarnya dan menskalakan tampilan yang terlihat. Periksalah tautan berikut untuk mengetahui selengkapnya:

Cara untuk lulus audit

Tambahkan sebuah tag <meta> tampilan yang terlihat dalam <head> HTML Anda.

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

Pasangan nilai-kunci width=device-width menyetel lebar tampilan yang terlihat ke lebar perangkat. Pasangan nilai-kunci initial-scale=1 menyetel level zoom awal saat mengunjungi laman.

Cara implementasi audit

Bagian ini menjelaskan cara implementasi audit, agar Anda bisa memahami cara menghitung skor audit.

Lighthouse akan memeriksa apakah ada tag <meta name="viewport"> dalam <head> dokumen. Juga akan memeriksa apakah simpul berisi atribut content dan apakah nilai atribut ini berisi teks width=. Akan tetapi, Lighthouse tidak memeriksa apakah width sama dengan device-width. Lighthouse juga tidak memeriksa pasangan nilai-kunci initial-scale.