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
<!doctype html> <p class="a1501">1501-1990</p> <p class="a1280">1280-1500</p> <p class="a980">980-1279</p> <p class="a800">800-979</p> <p class="a768">768-799</p> <p class="a360">360-767</p> <p class="a319">319-359</p> <p class="a0">0-318</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
p { display: none; } @media (min-width: 1501px) and (max-width: 1990px){ .a1501 { display: inline; } } @media (min-width: 1280px) and (max-width: 1500px){ .a1280 { display: inline; } } @media (min-width: 980px) and (max-width: 1279px){ .a980 { display: inline; } } @media (min-width: 800px) and (max-width: 979px){ .a800 { display: inline; } } @media (min-width: 768px) and (max-width: 799px){ .a768 { display: inline; } } @media (min-width: 360px) and (max-width: 767px){ .a360 { display: inline; } } @media (min-width: 319px) and (max-width: 359px){ .a319 { display: inline; } } @media (max-width: 318px){ .a0 { display: inline; } }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>