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
<h1>Maximální šířka obrázkového pozadí</h1> <p>Obrázek vložený značkou <code><img></code> i jako <code>background</code> přizpůsobuje svou šířku šířce okna.</p> <h2>Obrázek <code><img></code></h2> <img src="/i/400x40"> <h2>Obrázek <code>background</code></h2> <div class="image"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
img { max-width: 100%; } .image { background: url(i/400x40) no-repeat; height: 40px; } @media (max-width: 400px) { .image { background-size: 100%; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>