This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Odstranění vodorovného posouvání: proč obsah přesahuje přes okraj
Stránka se na žádném zařízení nesmí dát posouvat do strany. Pokud se to přesto stane, přesahuje jednotlivý prvek přes šířku zařízení — kontrolor uvádí počet přesahujících pixelů a, kde ho lze jednoznačně přiřadit, prvek, který to způsobuje.
- Příčinou je téměř vždy prvek s pevnou šířkou: tabulka, vložené video, obrázek bez maximální šířky nebo dlouhý text bez možnosti zalomení — třeba adresa nebo název souboru bez mezer.
- Efekt si u stolu nevšimnete: při 1440 pixelech se vejde skoro vše. Až při 390 pixelech prvek přesahuje a celou stránku lze posouvat — se známým výsledkem, že při posouvání text uklouzne do strany.
- Původce se pozná tak, že se skrývá prvek za prvkem, dokud posouvání nezmizí. Naše zpráva tento krok předjímá tam, kde je selektor dost jednoznačný, a přikládá doložený snímek obrazovky s označeným prvkem.
FAQ
Proč problém nevidím na počítači?
Protože tam je dost místa. Prvek s pevnou šířkou 500 pixelů se vejde do okna o 1440 pixelech a rozbije obrazovku o 390 pixelech. Zkontrolujte s úzkým oknem nebo v zobrazení zařízení prohlížeče.
Pomůže overflow-x: hidden?
Skrývá to příznak a vytváří nový: obsah pak není dostupný vůbec, místo aby byl jen špatně dostupný. Musí zmizet příčina, ne posuvník.
Co dlouhá slova bez mezer?
Jsou vlastním, častým případem — adresy, názvy souborů, odborné pojmy. Pro to existují pravidla zalomení v CSS; bez nich rozšíří jediné slovo celou stránku.