Pengertian viewport dalam Bootstrap adalah area yang terlihat pengguna dari sebuah halaman web. Device-device atau peralatan-peralatan yang beredar yang dapat menampilkan halaman web saat ini memiliki berbagai ukuran tampilan. Keberagaman ukuran tampilan dalam berbaga peralatan yang menampilkan halaman web ini membuat viewport dengan ukuran yang berbeda-beda sesuai dengan keberagaman device tersebut.
Dari penjelasan di atas kita dapat menebak bahwa makin kecil ukuran layar dari suatu device atau peralatan maka viewport juga makin kecil. Dengan demikian maka viewport akan berukuran besar pada laptop, makin kecil pada tablet, lebih kecil lagi pada smartphone.
Sebelum tablet dan smartphone berkembang, halaman web dirancang untuk tampil di layar komputer. Setelah ada perkembangan tablet dan smartphone, para developer berusaha menyesuaikan tampilan mereka ke layar yang lebih kecil ukurannya. Jadi mereka merancang tampilan di ukuran besar, kemudian merancang ke ukuran yang kecil. Ini solusi sementara.
Solusi yang lebih baru adalah merancang tampilan pada smartphone, kemudian merancang tampilan pada tablet dan baru merancang tampilan pada laptop. Strategi ini disebut strategi untuk perangkat mobile dahulu atau dalam bahasa Inggrisnya dikenal dengan strategi mobile first.
Viewport ini secara praktis harus dikurangi area yang digunakan oleh toolbar dan scrollbar. Viewport ini juga perlu dibedakan juga dengan meta viewport yang akan mendefinisikan ukuran yang aktual.
Informasi lebih lanjut mengenai viewport silahkan mengunjungi https://www.w3schools.com/css/css_rwd_viewport.asp .
Kunjungi www.proweb.co.id untuk menambah wawasan anda.