Rozhození písma na mobilu.

Napište nám o svých webových stránkách, dejte vědět o jakémkoliv jiném zajímavém webu

Moderátoři: Myloš, Mods_senior

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

Rozhození písma na mobilu.

Příspěvekod pajacz17 » 25 bře 2015 21:17

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č?

Reklama
Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Rozhození písma na mobilu.

Příspěvekod x-rated » 26 bře 2015 04:15

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í
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

Re: Rozhození písma na mobilu.

Příspěvekod pajacz17 » 26 bře 2015 05:59

Aha, takže s tím nic neudělám? Nepomůže nastavit písmo na velikost pixelů místo em? Díky

Uživatelský avatar
cervcek
Level 5
Level 5
Příspěvky: 2241
Registrován: leden 12
Bydliště: Vrchlabí
Pohlaví: Muž
Stav:
Offline

Re: Rozhození písma na mobilu.

Příspěvekod cervcek » 26 bře 2015 06:41

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.
Děkuju za vaše názory a rady. :thumbup:

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

Re: Rozhození písma na mobilu.

Příspěvekod pajacz17 » 26 bře 2015 07:21

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?

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Rozhození písma na mobilu.

Příspěvekod x-rated » 26 bře 2015 13:16

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ší
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

Re: Rozhození písma na mobilu.

Příspěvekod pajacz17 » 26 bře 2015 13:28

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

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Rozhození písma na mobilu.

Příspěvekod x-rated » 26 bře 2015 18:07

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á
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full

pajacz17
Level 3
Level 3
Příspěvky: 592
Registrován: březen 14
Pohlaví: Muž
Stav:
Offline

Re: Rozhození písma na mobilu.

Příspěvekod pajacz17 » 26 bře 2015 21:23

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?

Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Rozhození písma na mobilu.

Příspěvekod x-rated » 31 bře 2015 01:09

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
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Výmaz všech dat z mobilu
    od Myerina » 22 čer 2023 10:39 » v Mobily, tablety a jiná přenosná zařízení
    10
    2575
    od petr22 Zobrazit poslední příspěvek
    26 čer 2023 08:24
  • Připojení mobilu k pc (internet)
    od rmlcek5 » 17 dub 2023 08:34 » v Mobily, tablety a jiná přenosná zařízení
    1
    1363
    od petr22 Zobrazit poslední příspěvek
    17 dub 2023 08:37
  • dokumenty MS Ofice na mobilu
    od hanka12 » 08 zář 2023 08:13 » v Mobily, tablety a jiná přenosná zařízení
    3
    1796
    od petr22 Zobrazit poslední příspěvek
    08 zář 2023 11:50
  • HotSpot do PC z mobilu - síťová karta
    od sasshrek » 16 kvě 2023 10:28 » v Sítě - hardware
    2
    757
    od sasshrek Zobrazit poslední příspěvek
    16 kvě 2023 10:51
  • Výběr mobilu /cena/výkon
    od showpayne » 14 lis 2023 20:37 » v Mobily, tablety a jiná přenosná zařízení
    5
    1436
    od petr22 Zobrazit poslední příspěvek
    15 lis 2023 20:08

Zpět na “Web-tipy a vaše weby”

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 2 hosti