Pozicování pomocí "vw unit" – v různých prohlížečích různě

14. 5. 2016 00:21:18

Zdravím,

pozicuju prvek pomocí CSS jednotek "vw" a dostávám různé chování v různých prohlížečích.

Zdá se, že v prohlížečích, které mají "průhledný" scrollbar (zkoušel jsem IE, Safari na iPhone/iPadu, ...), se počítá celá šířka okna, a prohlížeč s neprůhledným scrollbarem (zkoušel jsem v Chrome) vw počítá jinak a zdá se tedy, že jeden z těchto dvou způsobů je blbě.

Setkal se s tím už někdo a má nějaké dobré řešení?

Dá se nějak (css, js) vůbec detekovat průhledný scrollbar?

Díky

14. 5. 2016 00:21:18

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/pozicovani-pomoci-vw-unit-v-ruznych-prohlizecich-ruzne/#reply1195747

Smazaný účet m5u2DKRief

(48 hodnocení)

16. 5. 2016 11:33:26

Jednotky vw pracují se šířkou viewportu. Takže logicky pokud je scrollbar přítomen viewport je o to užší a naopak, tebou popsané chování je tedy zcela v pořádku. Pokud chceš docílit pixel perfect zobrazení napříč prohlížeči sáhni po absolutních jednotkách.

16. 5. 2016 11:33:26

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/pozicovani-pomoci-vw-unit-v-ruznych-prohlizecich-ruzne/#reply1195746

crs

(1 hodnocení)

20. 5. 2016 21:16:23

Dovolím si nesouhlasit jak s tím, že do viewportu by měl být započítáván neprůhledný scrollbar, tak s tím, že je to logické. Podle mě je logický přesný opak. Důvod, který k tomu mám, je ten, že oněch 16px posuvníku navíc (nebo kolik), nemá nic společného s oblastí kteréhokoli html prvku.

Pokud chceš docílit pixel perfect zobrazení napříč prohlížeči sáhni po absolutních jednotkách.

To zní sice rázně a údernicky, ale jako rada je to na nic. Už z toho principu, že vw a vh jsou relativní jednotky. Kdybych si mohl dovolit pozicovat absolutně, jednotky vw a vh bych nepoužil.

Přesto díky za odpověď.

20. 5. 2016 21:16:23

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/pozicovani-pomoci-vw-unit-v-ruznych-prohlizecich-ruzne/#reply1195745

Pro odpověď se přihlašte.

Přihlásit