Helyes - ugrás gördülő - a tiszta css

Amikor egy weboldalat a CSS-re állítod be a margó segítségével: 0 auto. van egy nagyon kellemetlen hiba: a helyszín ugrik, amikor rövid és hosszú oldalak között mozog.

Ez azért van, mert egy rövid oldalon a függőleges görgetősáv el van rejtve, és a hosszú oldalon megjelenik.

A probléma klasszikus javítása mindig függőleges görgetősáv megjelenítése:

A CSS3 megjelenésével azonban a probléma megoldása a calc () és az új vm értékegység alkalmazásával megváltozott:

A görgetősáv szélessége csak állapotban működik. a címke számára a túlcsordulás értéke: az auto be van állítva.

De van egy kis probléma: ha használsz adaptív web design. akkor szembe kell néznie azzal, hogy a margin-left több mint margin-right. ha az oldal nagyon kicsi.

Egyszerűen megoldhatja ezt a megoldást - használja ezt a megközelítést csak széles képernyőn (több mint 960 képpont), amelyekhez a médiaszavakat használhatja a CSS-ben:

Ez a megközelítés az IE9 +, a Chrome és a Firefox programban működik, de nem működik az Opera és a Safari 7 alkalmazásban.

2. A kód beillesztéséhez használja a speciális kódokat [code lang = "php"] a kódoddal [/ code]

És mi van a teljes szélességű blokkokkal?
Van egy fehér zenekar a bal oldalamon.

Példát mutasson egy igazi webhelyre vagy codepenre

És megmagyarázhatja, miért bonyolítja az életét, ha a css-megoldás egy sorból jól működik?

Kérdés a kategóriából: "miért találtad ki a kereket, mert vannak lábak"

Folytatni kell az előrehaladást, anélkül, hogy megbotlódnánk a múlt nyakán.

Ez nem válasz, a keréknek legalább néhány előnye van a lábaknál, van egy folyamat az eredmény kedvéért.

Az új megoldásban nem látok előnyöket, itt van a folyamat a folyamat kedvéért.

Minden feladatnak több megoldása van. Például képeket, divokat, svg-t, határ-sugarat kerekíthetsz.

Itt van. Ez csak egy megoldás. Használni vagy sem - a gyakorlatból világossá válik. Vannak esetek, amikor túlcsordul: görgetés; egyszerűen csak lehetetlen.

WordPress Digest
A WordPress világának hírei