Η ετικέτα meta-viewport

Η ετικέτα meta-viewport προτάθηκε από την apple και χρησιμοποιείται πλέον από όλους τους browsers για κινητά.

Τι είναι το Viewport

Είναι η επιφάνεια της ιστοσελίδας που φαίνεται (είναι ορατή) στο παράθυρο του browser ή της οθόνης σε full screen.

Σύνταξη

Συντάσσεται όπως όλες οι ετικέτες meta και οι δύο βασικές ιδιότητες που παίρνει (όπως όλες οι meta) είναι: name και content.

Παραδείγματα
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=600, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

Κοινές διαστάσεις viewport για κινητά και tablets

Δείτε κοινές διαστάσεις viewport για κινητά και tablets