Membuat Web Responsive Dengan Virtual Port

Membuat website responsive tidak sulit. menggunakan virtual port pada meta tag website seketika menjadi responsive. mudah bukan?

Property	Description
width	The width of the virtual viewport of the device.
device-width	The physical width of the device's screen.
height	The height of the "virtual viewport" of the device.
device-height	The physical height of the device's screen.
initial-scale	The initial zoom when visiting the page. 1.0 does not zoom.
minimum-scale	The minimum amount the visitor can zoom on the page. 1.0 does not zoom.
maximum-scale	The maximum amount the visitor can zoom on the page. 1.0 does not zoom.
user-scalable	Allows the device to zoom in and out. Values are yes or no.

tambahkan meta tag pada website anda. dengan deskripsi seperti tabel diatas. contoh yang paling banyak digunakan :

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

atau

<meta name="viewport" content="width=device-width">

atau anda lebih tertarik menggunakan css

@-ms-viewport{
  width: device-width;
}