Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<meta name="viewport" content="width=device-width, initial-scale=1.0" data-content-nozoom="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <title>Vypnutí autozoomu políček v iOS</title> <h1>Vypnutí autozoomu políček v iOS</h1> <h2>Zakázání zoomu</h2> <input type="text" ontouchend="switchViewport(true); setTimeout(switchViewport, 500)"> <p>U tohoto políčka se oproti tomu níže neprojeví automatické přiblížení na jeho obsah.</p> <h2>Bez zakázání</h2> <input type="text">
HTML
Autoformát
Standardní režim
Mobilní zobrazení
input { width: 50%; }
CSS
Autoformát
CSS reset
Až na konci
var vp = document.querySelector("meta[name=viewport]"); var defaultContent = vp.content; function switchViewport(noZoom) { if (noZoom) { vp.content = vp.getAttribute("data-content-nozoom"); } else { vp.content = defaultContent; } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>