Autor | Zpráva | ||
---|---|---|---|
Petr ZZZ Profil |
Moderátor Chamurappi: Vytrženo z Použití jednotek px nebo em.
Na velikost písma jsem dosud používal em , kterážto jednotka ale umí "poskakovat", tak se chystám vyzkoušet procenta, která by se měla chovat lépe.
|
||
panther Profil |
#2 · Zasláno: 2. 4. 2012, 19:29:12
Petr ZZZ:
„tak se chystám vyzkoušet procenta, která by se měla chovat lépe.“ záleží, jak s nimi zacházíš. Stejně se při zanořování chovají i procenta. |
||
Petr ZZZ Profil |
#3 · Zasláno: 2. 4. 2012, 19:52:24
panther:
„Stejně se při zanořování chovají i procenta.“ Yuhů právě na té odkázané stránce tvrdí opak („procenta se takto divně nechovají“), tak to koukám budu muset vyzkoušet. Každopádně děkuji za upozornění. |
||
panther Profil |
#4 · Zasláno: 2. 4. 2012, 20:06:55
Petr ZZZ:
<style> body {font-size: 62.5%;} .em {font-size: 1.4em;} .pc {font-size: 140%;} i {display: block;} .em + .pc{margin: 50px 0 0;} </style> <i class="em">1.4em = 14px <i class="em">1.4em * 1.4em = 19.6px <i class="em">1.4em * 1.4em * 1.4em = 27.4px</i> </i> </i> <i class="pc">140% = 14px <i class="pc">140% * 140% = 19.6px <i class="pc">140% * 140% * 140% = 27.4px</i> </i> </i> |
||
Petr ZZZ Profil |
#5 · Zasláno: 2. 4. 2012, 21:23:10
Reaguji na panthera:
To jsem z toho jelen. Předpokládám, že si to Yuhů nevycucal z prstu, ale vypadá to, že máš pravdu. Nezdálo se mi ve tvé ukázce zanořování kurzívy do kurzívy zanořené v kurzívě, tak jsem zkusil ještě pár variant, ale všechny se stejným výsledkem – zanořená procenta se chovají stejně jako zanořená em . Testoval jsem to v FF, IE8 a GC, přičemž jsem ve FF a v IE8 zkusil i zůmovat jen písmo, ale nepodařilo se mi dosáhnout rozdílného zobrazení procent a em. Ještě by byla možnost, že se Yuhůem zmiňované rozdílné chování týká jiných (starších?) prohlížečů.
<style> .emka { font-size: 1.4em; } .procenta { font-size: 140%; } </style> <p class="emka">Odstavec s font-size 1.4 em <div class="emka"> <p class="emka">Odstavec zanořený v divu, div i odstavec s font-size 1.4 em </div> <div class="emka"> <div class="emka"> <p>Odstavec (bez atributů), zanořený ve dvou divech; oba divy s font-size 1.4 em </div> </div> <div class="emka"> <p> <span class="emka">Text ve spanu, v odstavci a v divu; samotný odstavec bez atributů, span a div každý s font-size 1.4em. </span> </div> <p class="procenta">Odstavec s font-size 140 % <div class="procenta"> <p class="procenta">Odstavec zanořený v divu, div i odstavec s font-size 140 % </div> <div class="procenta"> <div class="procenta"> <p>Odstavec (bez atributů), zanořený ve dvou divech, oba divy s font-size 140 % </div> </div> <div class="procenta"> <p> <span class="procenta">Text ve spanu, v odstavci a v divu; samotný odstavec bez atributů, span a div každý s font-size 140 %. </span> </div> |
||
panther Profil |
#6 · Zasláno: 3. 4. 2012, 08:37:32
Petr ZZZ:
v HTML nezáleží na tom, co zanořuješ - jestli to jsou íčka, nebo vzájemně různé elementy. Íčka jsem zvolil z lenosti, jsou nekratší. Dávnou historii prohlížečů jsem nikdy moc nezkoumal, takže těžko říci, jak to básník myslel. Od doby, co se kolem kódování pohybuji, a že je to už nějaký ten pátek, se chovají prohlížeče takto. |
||
Chamurappi Profil |
#7 · Zasláno: 3. 4. 2012, 17:50:03
Reaguji na panthera:
„Stejně se při zanořování chovají i procenta.“ Až na to, že při zvětšování písma ve starších Explorerech neposkakují. Opravené je to tuším až v osmičce. Závadu bys mohl vidět i ve svém kódu [#4], kdybys nedeklaroval u <body> velikost v procentech — zvětšování/zmenšování se u jednotek em děje po mnohem větších skocích.
|
||
panther Profil |
#8 · Zasláno: 3. 4. 2012, 19:13:40
Chamurappi:
„kdybys nedeklaroval u <body> velikost v procentech“ aha, to bude možná to, proč se mi vždy zdály ty dva zápisy shodné - vždy jsem nastavoval (a sjednocoval) velikost písma touto deklarací a pak se zmíněné chování nevyskytovalo. Zase o kousek chytřejší :-) |
||
Časová prodleva: 12 let
|
0