Web Desain Responsif - Viewport
Apa Viewport?
halaman pengguna viewport area yang dapat dilihat.
viewport dapat diterjemahkan ke dalam bahasa Cina disebut "viewport."
mobile browser adalah halaman dalam "jendela" virtual (viewport) biasanya "jendela" virtual ini (viewport) lebih lebar dari layar, sehingga Anda tidak perlu memeras setiap halaman jendela kecil (ini akan tidak ada tata letak kerusakan dioptimalkan untuk halaman browser mobile), pengguna dapat menggeser dan memperbesar untuk melihat bagian yang berbeda dari halaman.
pengaturan Viewport
meta tag viewport untuk halaman web umum seluler dioptimalkan adalah sebagai berikut:
- width: mengontrol ukuran viewport, nilai dapat ditentukan, jika 600, atau nilai khusus, seperti perangkat-lebar lebar perangkat (dalam piksel CSS skala 100% dari waktu).
- height: lebar dan berkorespondensi dengan tinggi yang ditentukan.
- awal-skala: skala awal, yaitu ketika beban halaman skala waktu pertama.
- maksimum skala: memungkinkan pengguna untuk tampilannya dengan rasio maksimum.
- minimum skala: Memungkinkan pengguna untuk skala skala minimum.
- -Pengguna scalable: apakah pengguna dapat secara manual tampilannya.
Contoh berikut menunjukkan penggunaan viewport menggunakan viewport dan bukan pada efek samping ponsel:
Contoh 1 tidak ditambahkan viewport: Klik untuk perbesar
Contoh 2, menambahkan viewport: Klik untuk perbesar
Jika Anda mengunjungi pada tablet atau ponsel, Anda dapat mengklik untuk melihat efek.