<!–texy–><!–texy–>"Komentár 5:":http://coh.io//blog/271-optimalizacia-webu-pre-android-a-iphone#comment-18

Problém so šírkou ukážok kódu (PRE) ma tiež nedávno sral. Nakoniec som to skúsil poriešiť inak. Proste ukážky kódu som nastavil ako zalamovateľné. I tak na mobile asi nikto nebude ukážku kódu copypastovať, takže zalomenie by nemuselo vadiť.

/—code css
pre { white-space: pre-wrap; }
\—

<!–texy–>jezis to texy proste vyhodi znaky > < … ach jo … no to je vedlejsi

<!–texy–>jezis, proc nejde pridat html kod, to texy nejak nechapu… tak jeste jeden pokus

(meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" /)

zavorky zi nahradte znaky

<!–texy–>mam jinou otazku … jak docilim toho ze android telefon zobrazi stranku v priblizeni 1:1, tj pixel obrazku = pixel displeje … a zakaze zomovani ? ,,, jako to napriklad dela "google reader" pri mobilnim zobrazeni ?

pouziva se na to opet ten metatag viewport ? nejak takhle ?

je to nekde popsano oficialne na strankach googlu ? nenasel jsem to bohuzel.

<!–texy–>to ze nefungujou v ie6 je snad uplne jedno kdyz jsou urceny pro androidi prohlizec na webkitu, jinak zajimavy clanek. Vyzkousim na svem webu :-)

<!–texy–>Ah, pravdu máš. Ďakovački!

<!–texy–>A jeste jeden maly bugreport (ktery ale nesouvisi s Androidem) – myslim ze ti ve full vypisu postu i s komentari chybi nekde anchor o ktery se ma chytit #comments.

(tj. kliknu na homepage primo na odkaz ke komentarum, ale otevrena stranka nenascrolluje dolu ke komentarum)

<!–texy–>Majú `overflow: auto`, vlastnosť, ktorú Androidí WebKit nepodporuje (díky bohu). I na PC to nie je ideálne riešenie, ale zatiaľ nemám nahradu. Zatiaľ som to opravil odstránením `overflow`.

<!–texy–>Tak si tady ctu ten clanecek ve svem androidim founu a vidim jeste jednu chybicku, ktera web deli od dokonalosti – ukazky kodu maji asi neco jako overflow:hidden …tim chcu rict, ze v telefonu vidim jen zacatky radku, bez moznosti scrollovat.

<!–texy–>To je možné, ja som mal na mysli len jednoduché:

/—code css
@media screen {
…
}
@media print {
…
}
\—