Stránka 1 z 1

Rozhození písma na mobilu.

Napsal: 25 bře 2015 21:17
od pajacz17
Ahoj, netušíte proč mi v mobilu se mění pořád text? Ve webovém prohlížeči končí věta například slovem auto a když zmenším stránku, tak se udělá posuvník.
V mobilu se začne text různě pohybovat, takže například skončí na druhém řádku uprostřed. Netušíte proč?

Re: Rozhození písma na mobilu.

Napsal: 26 bře 2015 04:15
od x-rated
displej mobilu má jinou hustotu pixelů a tak tam texty můžou vycházet jinak, taky se může použít jiný písmo a v neposlední řadě každej prohlížeč si renderuje písmo po svym
zoomování v desktopovym prohlížeči je úplně něco jinýho, tam se přepočítávají všechny rozměry, na mobilu de o prostý přiblížení

Re: Rozhození písma na mobilu.

Napsal: 26 bře 2015 05:59
od pajacz17
Aha, takže s tím nic neudělám? Nepomůže nastavit písmo na velikost pixelů místo em? Díky

Re: Rozhození písma na mobilu.

Napsal: 26 bře 2015 06:41
od cervcek
Jednotka em se používá právě kvůli tomu, aby byl obsah na mobilech rozumně formátovaný.

např.: Na obrazovce se šířkou 1920 bude vypadat odskočení první řádky odstavce o 100 px výrazně jinak, než na mobilu se šířkou 640.

Když použiješ odskočení v jednotkách em, tak si to spočítá mobil sám, takže ti nebude odstavec začínat až tak daleko.

Re: Rozhození písma na mobilu.

Napsal: 26 bře 2015 07:21
od pajacz17
Když já písmo v menu atd použil v em a je dobrý, ale pro nadpisy a odstavce je pořád stejně velký na mobilu při zoomu. V menu se zvětšuje až při zoomu což bych chtěl i pro nadpis a odstavce. Takhle to vypada blbě v mobilu. Menu malinkýma písmenama a nadpisy a odstavce jsou většíma. Netušíte prosím proč?
Když se zobrazí stránka http://www.hac.cz v mobilu, tak je vidět, že menu má správnou velikost, ale h1 a p jsou větší a přitom jsou nastaveny také v em.

--- Doplnění předchozího příspěvku (26 Bře 2015 11:16) ---

Ještě jsem si všiml, že to dělá pouze u zobrazení na výšku, pokud dám mobil na šířku, tak se to zobrazuje dobře. Vůbec tomu nerozumím, nikdy mi tohle nedělalo. Netušíte prosím?

Re: Rozhození písma na mobilu.

Napsal: 26 bře 2015 13:16
od x-rated
aby se texty zobrazovaly s vhodnou velikostí i na mobilu, na to by musel bejt web responzivní, jinak si mobilní prohlížeč přepočítává velikosti písem podle svýho uvážení, např. odstavce textu velkym písmem, ale menší / užší bloky s textem mají písmo menší

Re: Rozhození písma na mobilu.

Napsal: 26 bře 2015 13:28
od pajacz17
To já vím, ale tady se zobrazují divně jenom texty v nadpisech a odstavcích. Mně spíš není jasné, proč se na mobilu neudělá posuvník a ten text uprostřed se protáhne dolů místo aby se změnilo písmo. Zkuste prosím někdo v mobilu na výšku třeba dát stavebniny a tam je vidět, že co je s odrážkama v seznamu má větší písmo, ale nevím proč. V css mám nastaveno 0.9em. Teď jsem si uvědomil, že v prohlížeči na mobilu to je OK, ale na mobilu v Chromu a Mozille to je špatně. Takže předpokládám, že s tím nic neudělám a prostě tenhle prohlížeč chápe nějak špatně moje kódování, mám pravdu? Díky

Re: Rozhození písma na mobilu.

Napsal: 26 bře 2015 18:07
od x-rated
je to, jak sem psal - web neni responzivní a každej prohlížeč se tak snaží po svym, aby byl co nejvíc čitelnej i bez zoomování :smile: u responzivních webů všechno sedí, jak má

Re: Rozhození písma na mobilu.

Napsal: 26 bře 2015 21:23
od pajacz17
Asi opravdu to tak je. Jednou jsem dělal responzivní a tam jsem vše zadával v procentech a bylo to ok. Tady jsem to zkusil očůrat dotazem na media, ale nepovedlo, pže tam mám například div 450px a dotaz na media jsem dal vše menší než 500px, ale ono to vezme všechny divy co mají width menší než 500px a to nebylo ono. Já myslel, že dotaz na media only screen porovnává šířku obrazovky v px a ne všech objektů. Nebo se pletu?

Re: Rozhození písma na mobilu.

Napsal: 31 bře 2015 01:09
od x-rated
jestli myslíš třeba něco takovýho

Kód: Vybrat vše

@media (max-width: 500px) {...}

tak to nedělá nic jinýho, než že definuje css pro obrazovky se šířkou do 500px