{"id":34,"date":"2007-04-24T16:48:45","date_gmt":"2007-04-24T15:48:45","guid":{"rendered":"http:\/\/pixy.cz\/pixynergia\/2007\/o-velikosti-pisma-v-prohlizecich-zvetsovani-a-zoomovani\/"},"modified":"2007-09-24T16:00:20","modified_gmt":"2007-09-24T14:00:20","slug":"o-velikosti-pisma-v-prohlizecich-zvetsovani-a-zoomovani","status":"publish","type":"post","link":"https:\/\/www.pixy.cz\/pixynergia\/2007\/04\/24\/o-velikosti-pisma-v-prohlizecich-zvetsovani-a-zoomovani","title":{"rendered":"O velikosti p\u00edsma v prohl\u00ed\u017ee\u010d\u00edch, zv\u011bt\u0161ov\u00e1n\u00ed a zoomov\u00e1n\u00ed"},"content":{"rendered":"\n<p>Zp\u016fsob zobrazen\u00ed p\u00edsma pou\u017eit\u00e9ho na HTML str\u00e1nce ur\u010duje prim\u00e1rn\u011b\nwebov\u00fd prohl\u00ed\u017ee\u010d. Ten m\u00e1 ve sv\u00e9 konfiguraci p\u0159ednastaven z\u00e1kladn\u00ed typ a\nvelikost pro <em>oby\u010dejn\u00e9<\/em> p\u00edsmo, m\u00e1 definov\u00e1no, zda nadpisy r\u016fzn\u00fdch\n\u00farovn\u00ed maj\u00ed b\u00fdt 1\u00d7, 1,2\u00d7, 1,5\u00d7, 2\u00d7 nebo 3\u00d7 v\u011bt\u0161\u00ed ne\u017e toto\nz\u00e1kladn\u00ed p\u00edsmo, jak\u00fdm stylem se zobrazuj\u00ed odkazy atd. To je z\u00e1kladn\u00ed\nzp\u016fsob zobrazen\u00ed v\u0161ech HTML dokument\u016f (WWW str\u00e1nek). Ji\u017e drahnou dobu je\nov\u0161em mo\u017en\u00e9 k\u00a0t\u011bmto dokument\u016fm p\u0159ipojit definici styl\u016f (v\u00a0jazyce CSS),\nkde lze p\u0159edefinovat vzhled kter\u00e9koli \u010d\u00e1sti str\u00e1nky, v\u010detn\u011b stylu a\nvelikosti p\u00edsma, o\u00a0n\u00ed\u017e te\u010f p\u016fjde p\u0159edev\u0161\u00edm.<\/p>\n\n<p>CSS pro definice rozm\u011br\u016f objekt\u016f a velikost\u00ed p\u00edsma pou\u017e\u00edv\u00e1 n\u011bkolik\njednotek. Jsou dvou\u00a0typ\u016f:<\/p>\n\n<ul>\n\t<li><strong>absolutn\u00ed jednotky<\/strong>, kter\u00e9 maj\u00ed oporu ve\n\tstandardizovan\u00fdch jednotk\u00e1ch. V\u00fdsledek m\u00e1 m\u00edt p\u0159esn\u011b dan\u00fd, m\u011b\u0159iteln\u00fd\n\trozm\u011br\u00a0\u2013 pokud v\u00a0CSS nadefinuji, \u017ee box bude 10\u00a0cm vysok\u00fd, m\u00e1 takov\u00fd\n\tb\u00fdt na displeji PDA, vyti\u0161t\u011bn\u00fd na pap\u00ed\u0159e i\u00a0na 100metrov\u00e9m projek\u010dn\u00edm\n\tpl\u00e1tn\u011b.\n\t\t<ul>\n\t\t\t<li><strong>mm<\/strong>\u00a0\u2013 milimetr<\/li>\n\n\t\t\t<li><strong>cm<\/strong>\u00a0\u2013 centimetr<\/li>\n\n\t\t\t<li><strong>in<\/strong>\u00a0\u2013 palec (inch); 1\u00a0in = 25,4\u00a0mm<\/li>\n\n\t\t\t<li><strong>pt<\/strong>\u00a0\u2013 typografick\u00fd bod; 1\u00a0pt = 1\/72 in =\n\t\t\t0,3528\u00a0mm<\/li>\n\n\t\t\t<li><strong>pc<\/strong>\u00a0\u2013 pica (typografick\u00e1 jednotka); 1\u00a0pc = 12\u00a0pt =\n\t\t\t4,2333\u00a0mm<\/li>\n\t\t<\/ul>\n\t<\/li>\n\n\t<li><strong>relativn\u00ed jednotky<\/strong>, kter\u00e9 se vztahuj\u00ed k\u00a0jin\u00fdm\n\trozm\u011br\u016fm \u010di pou\u017eit\u00e9mu zobrazovac\u00edmu za\u0159\u00edzen\u00ed. V\u00fdsledek tedy m\u016f\u017ee\n\tb\u00fdt za r\u016fzn\u00fdch podm\u00ednek\u00a0r\u016fzn\u00fd.\n\t\t<ul>\n\t\t\t<li><strong>em<\/strong>\u00a0\u2013 1\u00a0em odpov\u00edd\u00e1 platn\u00e9 velikosti p\u00edsma v\u00a0dan\u00e9m\n\t\t\tkontextu. Vych\u00e1z\u00ed-li tam, kde pou\u017eiji jednotku <em>em<\/em>, velikost p\u00edsma\n\t\t\t13\u00a0pt, bude 1\u00a0em znamenat pr\u00e1v\u011b 13\u00a0pt. Pokud to vyjde 4\u00a0metry, bude zde\n\t\t\t1\u00a0em znamenat \u010dty\u0159i\u00a0metry.<\/li>\n\n\t\t\t<li><strong>ex<\/strong>\u00a0\u2013 jednotka v\u00fdznamem podobn\u00e1 <em>em<\/em>, tak\u00e9\n\t\t\tvych\u00e1z\u00ed z\u00a0platn\u00e9 velikosti p\u00edsma. Pro zjednodu\u0161en\u00ed posta\u010d\u00ed \u0159\u00edct, \u017ee\n\t\t\t<em>ex<\/em> je zhruba polovina <em>em<\/em> (co\u017e tak n\u011bkter\u00e9 prohl\u00ed\u017ee\u010de\n\t\t\tostatn\u011b st\u00e1le interpretuj\u00ed, a\u010dkoli je to jinak a pon\u011bkud\n\t\t\tslo\u017eit\u011bj\u0161\u00ed).<\/li>\n\n\t\t\t<li><strong>px<\/strong>\u00a0\u2013 pixel. M\u011bl by to b\u00fdt nejmen\u0161\u00ed rozli\u0161iteln\u00fd\n\t\t\tobrazov\u00fd bod, kter\u00fd je vn\u00edm\u00e1n stejn\u011b velk\u00fd (v\u00a0dohodnut\u00e9 subjektivn\u00ed\n\t\t\tvelikosti) na r\u016fzn\u00fdch zobrazovac\u00edch za\u0159\u00edzen\u00edch. Na pap\u00ed\u0159e, kter\u00fd se\n\t\t\t\u010dte zbl\u00edzka, tak vych\u00e1z\u00ed asi 0,2\u00a0mm, na obrazovce po\u010d\u00edta\u010de asi 0,27\u00a0mm;\n\t\t\tna televizi sledovan\u00e9 z\u00a03,5\u00a0metru u\u017e to d\u011bl\u00e1 asi 1,3\u00a0mm, na pl\u00e1tn\u011b\n\t\t\tsledovan\u00e9m z\u00a010\u00a0metr\u016f pak kolem 4\u00a0mm. Na po\u010d\u00edta\u010di se pro zjednodu\u0161en\u00ed\n\t\t\tobvykle ztoto\u017e\u0148uje s\u00a0bodem obrazovky.<\/li>\n\t\t<\/ul>\n\t<\/li>\n<\/ul>\n\n<p>Pochopiteln\u011b v\u00a0CSS m\u016f\u017eeme pou\u017e\u00edt libovoln\u00e9 jednotky sou\u010dasn\u011b,\nm\u016f\u017eeme je m\u00edchat a st\u0159\u00eddat. Text \u010dl\u00e1nku m\u016f\u017ee b\u00fdt nadefinov\u00e1n velk\u00fd\n12\u00a0pt, mezititulek 1.5\u00a0em a hlavn\u00ed nadpis 36\u00a0px. Pro\u010d ne. Prohl\u00ed\u017ee\u010d p\u0159i\nvykreslov\u00e1n\u00ed p\u0159epo\u010d\u00edt\u00e1 rozm\u011bry na body v\u00fdstupn\u00edho za\u0159\u00edzen\u00ed a pouze\npou\u017eije pro ka\u017edou \u010d\u00e1st textu jin\u00fd algoritmus. Kv\u016fli odli\u0161n\u00fdm definic\u00edm\npou\u017eit\u00fdch jednotek se m\u016f\u017ee st\u00e1t, \u017ee nejen v\u00fdsledn\u00e1 absolutn\u00ed velikost,\nale i\u00a0vz\u00e1jemn\u00fd pom\u011br takto rozd\u00edln\u011b definovan\u00fdch text\u016f se bude li\u0161it na\nr\u016fzn\u00fdch v\u00fdstupn\u00edch za\u0159\u00edzen\u00edch\u00a0\u2013 zat\u00edmco 12\u00a0pt m\u00e1 b\u00fdt v\u017edy a\nv\u0161ude stejn\u011b velk\u00fdch, 36\u00a0px bude na pl\u00e1tn\u011b t\u0159eba 20\u00d7 v\u011bt\u0161\u00ed ne\u017e na\npap\u00edrov\u00e9m v\u00fdtisku; zm\u011bn\u00ed-li se v\u00fdchoz\u00ed objekt, z\u00a0n\u011bho\u017e je po\u010d\u00edtan\u00e1\nvelikost 1\u00a0em, zm\u011bn\u00ed se i\u00a0odvozen\u00e1 velikost mezititulku, zat\u00edmco\nz\u00e1kladn\u00ed text bude st\u00e1le stejn\u011b velk\u00fd 12\u00a0pt atd. Ale na jednom\nkonkr\u00e9tn\u00edm za\u0159\u00edzen\u00ed bude vykreslen\u00e1 str\u00e1nka stejn\u00e1 a velikosti v\u0161ech\ntext\u016f dan\u00e9 jednozna\u010dn\u00fdm p\u0159evodem relativn\u00edch jednotek na absolutn\u00ed\nrozm\u011bry.<\/p>\n\n<h3>Zv\u011bt\u0161ov\u00e1n\u00ed p\u00edsma vs. zoom<\/h3>\n\n<p>Ji\u017e mnoho let je v\u00a0prohl\u00ed\u017ee\u010d\u00edch k\u00a0dipozici funkce\n<em>Zv\u011bt\u0161it\/Zmen\u0161it p\u00edsmo<\/em>. Umo\u017e\u0148uje n\u00e1m zv\u011bt\u0161it \u010di zmen\u0161it\nnajednou v\u0161echny texty na cel\u00e9 str\u00e1nce\u00a0\u2013 zobrazit je jedenap\u016flkr\u00e1t,\ndvakr\u00e1t, \u010dty\u0159ikr\u00e1t v\u011bt\u0161\u00ed, resp. men\u0161\u00ed ne\u017e oby\u010dejn\u011b. A\u00a0proto\u017ee se\nv\u0161echny zv\u011bt\u0161uj\u00ed\/zmen\u0161uj\u00ed stejn\u00fdm koeficientem, z\u016fst\u00e1vaj\u00ed vz\u00e1jemn\u00e9\npom\u011bry text\u016f na str\u00e1nce st\u00e1le stejn\u00e9. Pokud byl nadpis \u010dl\u00e1nku dvakr\u00e1t\nv\u011bt\u0161\u00ed ne\u017e jeho text, plat\u00ed to st\u00e1le i\u00a0po celkov\u00e9m zv\u011bt\u0161en\u00ed \u010di\nzmen\u0161en\u00ed.<\/p>\n\n<p>Jak u\u017e bylo \u0159e\u010deno v\u00fd\u0161e, jednotky pou\u017eit\u00e9 pro definov\u00e1n\u00ed velikosti\np\u00edsma se pou\u017eily pouze pro p\u016fvodn\u00ed vykreslen\u00ed a ovliv\u0148uj\u00ed nanejv\u00fd\u0161 jen\nvz\u00e1jemn\u00e9 pom\u011bry r\u016fzn\u00fdch \u00fasek\u016f textu na str\u00e1nce\u00a0\u2013 ale to, jak velk\u00e9\nto bude v\u0161echno jako celek, m\u016f\u017ee ovlinit pr\u00e1v\u011b dodate\u010dn\u00e1 funkce\n<em>Zv\u011bt\u0161it\/Zmen\u0161it p\u00edsmo<\/em>. Pouze v\u00a0Microsoftu se kdysi rozhodli\n(z\u00a0mn\u011b dosud nezn\u00e1m\u00fdch d\u016fvod\u016f), \u017ee z\u00a0tohoto algoritmu vynechaj\u00ed texty\ndefinovan\u00e9 jednotkou <em>px<\/em>. Tak\u017ee a\u010dkoli Internet Explorer (IE)\numo\u017e\u0148uje zv\u011bt\u0161it\/zmen\u0161it p\u00edsmo cel\u00e9 str\u00e1nky, u\u00a0text\u016f, jejich\u017e\nvelikost je v\u00a0CSS definovan\u00e1 v\u00a0<em>px<\/em> se zm\u011bna velikosti neprojev\u00ed a\nzat\u00edmco v\u0161e kolem se m\u016f\u017ee zv\u011bt\u0161ovat\/zmen\u0161ovat dle libosti, tyto texty\nz\u016fstanou trvale v\u00a0p\u016fvodn\u00ed velikosti. Toto chov\u00e1n\u00ed nem\u00e1 \u017e\u00e1dnou logiku a\nMicrosoft je za n\u011b dlouhodob\u011b a soustavn\u011b kritizov\u00e1n odbornou ve\u0159ejnost\u00ed.\nP\u0159esto z\u016fstalo zachov\u00e1no i\u00a0v\u00a0nejnov\u011bj\u0161\u00ed verzi IE 7.\u00a0Tento nesmysln\u00fd\nalgoritmus IE je ostatn\u011b hlavn\u00ed p\u0159\u00ed\u010dinou toho, \u017ee se jednotka <em>px<\/em>\np\u0159estala prakticky pou\u017e\u00edvat a odborn\u00edci doporu\u010duj\u00ed rad\u011bji pou\u017e\u00edvat\nprocentn\u00ed a relativn\u00ed velikosti p\u00edsma (jednotkou <em>em<\/em>), mnoh\u00e9 normy\nvymezuj\u00edc\u00ed po\u017eadavky na WWW str\u00e1nky z\u00a0hlediska pou\u017eitelnosti a\np\u0159\u00edstupnosti pak pou\u017eit\u00ed <em>px<\/em> pro velikost p\u00edsma p\u0159\u00edmo zakazuj\u00ed.\nKv\u016fli jedn\u00e9 podivn\u00e9 man\u00fd\u0159e Microsoftu.<\/p>\n\n<p>Nicm\u00e9n\u011b zm\u011bna velikosti p\u00edsma je u\u017eite\u010dn\u00e1, p\u0159edev\u0161\u00edm jeho\nzv\u011bt\u0161en\u00ed na str\u00e1nk\u00e1ch, kter\u00e9 jsou zobrazeny pro n\u00e1s p\u0159\u00edli\u0161 drobn\u00fdm\np\u00edsmem. M\u00e1 ale tak\u00e9 jist\u00e9 nev\u00fdhody. Tou hlavn\u00ed je to, \u017ee p\u0159i zv\u011bt\u0161en\u00ed\np\u00edsma se v\u0161echny bloky textu p\u0159eform\u00e1tuj\u00ed\u00a0\u2013 s\u00a0jinou velikost\u00ed p\u00edsma\nse posunou hranice zlomu \u0159\u00e1dek, texty, kter\u00e9 se p\u0159esn\u011b ve\u0161ly do\nvymezen\u00e9ho prostoru se tam r\u00e1zem nevejdou, texty se mohou p\u0159ekr\u00fdvat apod.\nProto je n\u011bkdy v\u00fdhodn\u011bj\u0161\u00ed pou\u017e\u00edt zv\u011bt\u0161en\u00ed\/zmen\u0161en\u00ed cel\u00e9 str\u00e1nky,\npomoc\u00ed tzv. lupy. Stejn\u00fd postup se pou\u017e\u00edv\u00e1 i\u00a0v\u00a0jin\u00fdch aplikac\u00edch,\nzn\u00e1me ho z\u00a0Wordu, \u010dte\u010dky PDF a dal\u0161\u00edch. Str\u00e1nka se zv\u011bt\u0161\u00ed jako celek,\npom\u011brn\u011b v\u0161echny jej\u00ed \u010d\u00e1sti, texty, bloky, objekty, \u010d\u00e1ry; jako bychom se\nna str\u00e1nku pod\u00edvali pod lupou. Pokud je obsah str\u00e1nky vektorov\u00fd (obvykle\np\u00edsma, p\u0159\u00edpadn\u011b SVG a n\u011bkter\u00e9 Flash objekty), je to velmi u\u017eite\u010dn\u00e9 a\np\u0159i dostate\u010dn\u011b velk\u00e9 obrazovce se takto d\u00e1 pou\u017e\u00edvat prohl\u00ed\u017ee\u010d trvale\n(zoom zv\u011bt\u0161\u00ed i\u00a0rozm\u011br \u201esazebn\u00edho obrazce\u201c str\u00e1nky, tak\u017ee je pot\u0159eba\ni\u00a0v\u00edc m\u00edsta, v\u011bt\u0161\u00ed okno, p\u0159\u00edpadn\u011b se mus\u00ed pou\u017e\u00edt i\u00a0vodorovn\u00e9\nscrollov\u00e1n\u00ed). Ale v\u011bt\u0161ina grafiky ve str\u00e1nk\u00e1ch je bitmapov\u00e1 a p\u0159i\nzv\u011bt\u0161en\u00ed se zv\u011bt\u0161uj\u00ed i\u00a0jej\u00ed pixely. Grafika str\u00e1nky a vlo\u017een\u00e9\nobr\u00e1zky se st\u00e1vaj\u00ed zubat\u00fdmi a od ur\u010dit\u00e9 velikosti se na to u\u017e ned\u00e1 moc\nd\u00edvat. V\u0161echno m\u00e1 sv\u00e1 pro a\u00a0proti.<\/p>\n\n<p>Jedn\u00edm ze skute\u010dn\u00fdch vylep\u0161en\u00ed MSIE 7\u00a0je p\u0159\u00edtomnost takov\u00e9to lupy, a\nto ani\u017e by prohl\u00ed\u017ee\u010d upustil od mo\u017enosti upravit pouze velikost textu\n(bohu\u017eel text\u016f definovan\u00fdch v\u00a0<em>px<\/em> se to st\u00e1le net\u00fdk\u00e1). Zm\u011bnu\nvelikosti textu najdete v\u00a0menu p\u0159ibli\u017en\u011b na p\u016fvodn\u00edm m\u00edst\u011b (najdete-li\nov\u0161em to menu; Page \u2192 Text Size \u2192\nSmallest\/Smaller\/Me\u00addium\/Larger\/Lar\u00adgest), celostr\u00e1nkov\u00fd zoom\/lupa pak\np\u0159ibyl na sousedn\u00ed polo\u017ece (Page \u2192 Zoom) a najdete ho i\u00a0v\u00a0prav\u00e9m doln\u00edm\nrohu okna prohl\u00ed\u017ee\u010de.<\/p>\n\n<p>Zm\u00ednit je pot\u0159eba i\u00a0zoom\/lupu na syst\u00e9mov\u00e9 \u00farovni. Pokud je takov\u00e1\nfunkce dostupn\u00e1, speci\u00e1ln\u00ed obdobn\u00e1 funkce v\u00a0prohl\u00ed\u017ee\u010di u\u017e postr\u00e1d\u00e1\nsmysl. Nap\u0159. v\u00a0Mac OS X lze zv\u011bt\u0161ovat celou obrazovku kole\u010dkem my\u0161i (p\u0159i\nstisknut\u00e9m Ctrl), syst\u00e9mov\u00fd prohl\u00ed\u017ee\u010d Safari tud\u00ed\u017e u\u017e dal\u0161\u00ed zoom\nneposkytuje, proto\u017ee by stejnou funkci d\u011blal podruh\u00e9. Syst\u00e9mov\u00e1 lupa ve\nWindows XP pro tyto \u00fa\u010dely nen\u00ed p\u0159\u00edli\u0161 dob\u0159e pou\u017eiteln\u00e1 a samostatn\u00e1\nfunkce zoom v\u00a0prohl\u00ed\u017ee\u010di IE je proto rozhodn\u011b p\u0159\u00ednosem.<\/p>\n\n<h3>Zoom vs. em-layout<\/h3>\n\n<p>S\u00a0p\u0159edchoz\u00edm rozd\u00edlem mezi zv\u011bt\u0161ov\u00e1n\u00edm p\u00edsma a zoomem cel\u00e9 str\u00e1nky\nsouvis\u00ed je\u0161t\u011b jedna nuance, p\u0159esn\u011bji \u0159e\u010deno technika stylov\u00e1n\u00ed CSS.\nNaz\u00fdv\u00e1 se <em>pru\u017en\u00fd<\/em>, <em>elastick\u00fd<\/em>, <em>gumov\u00fd<\/em> nebo tak\u00e9\n<em>em-layout<\/em> (\u010di <em>design<\/em>)\u00a0\u2013 podle jednotky <em>em<\/em>, kter\u00e1\nse p\u0159i tom vyu\u017e\u00edv\u00e1. Trik spo\u010d\u00edv\u00e1 v\u00a0tom, \u017ee se rozm\u011bry prvk\u016f str\u00e1nky\n(\u010di aspo\u0148 \u0161\u00ed\u0159ky hlavn\u00edch sekc\u00ed a sloupc\u016f) definuj\u00ed pomoc\u00ed jednotky\n<em>em<\/em>. Ta je, jak \u0159e\u010deno v\u00fd\u0161e, odvozena od aktu\u00e1ln\u00ed velikosti\np\u00edsma, tak\u017ee rozm\u011br \u201esazby\u201c p\u0159\u00edmo zavis\u00ed na pou\u017eit\u00e9 velikosti\np\u00edsma. Pokud si u\u017eivatel p\u00edsmo v\u00a0prohl\u00ed\u017ee\u010di zmen\u0161\u00ed, zmen\u0161\u00ed se\ni\u00a0odvozen\u00e9 objekty, pokud si p\u00edsmo zv\u011bt\u0161\u00ed, zv\u011bt\u0161\u00ed se i\u00a0sazba. Autor\nstr\u00e1nky m\u00e1 vhodn\u00fdm pou\u017eit\u00edm relativn\u00edch jednotek v\u00a0CSS mo\u017enost ur\u010dit,\nkter\u00e9 rozm\u011bry maj\u00ed r\u016fst\/zmen\u0161ovat se spole\u010dn\u011b s\u00a0velikost\u00ed p\u00edsma, a\nkter\u00e9 maj\u00ed z\u016fstat nem\u011bnn\u00e9.<\/p>\n\n<p>Vyzkou\u0161et si to m\u016f\u017eete i\u00a0na tomto blogu. \u0160\u00ed\u0159ka hlavn\u00edho sloupce je\ndefinovan\u00e1 pomoc\u00ed <em>em<\/em>, tak\u017ee pokud zde pou\u017e\u00edv\u00e1te v\u00fdchoz\u00ed CSS a\nv\u00a0prohl\u00ed\u017ee\u010di si zv\u011bt\u0161\u00edte\/zmen\u0161\u00edte p\u00edsmo, p\u0159izp\u016fsob\u00ed se mu i\u00a0tento\nsloupec. Je t\u00edm zaji\u0161t\u011bno, \u017ee \u0161\u00ed\u0159ka sazby je v\u017edy takov\u00e1, aby se do n\u00ed\nve\u0161el p\u0159ibli\u017en\u011b st\u00e1le t\u00fd\u017e ur\u010den\u00fd po\u010det znak\u016f; nem\u016f\u017ee b\u00fdt p\u0159\u00edli\u0161\n\u00fazk\u00e1 ani p\u0159\u00edli\u0161 \u0161irok\u00e1. Sta\u010d\u00ed m\u011bnit velikost p\u00edsma a p\u0159izp\u016fsob\u00edte\nsi i\u00a0cel\u00fd <em>layout str\u00e1nky<\/em>, ani\u017e by se nehezky deformovaly bitmapy,\nkter\u00e9 p\u0159i tomto \u201ezoomu\u201c z\u016fstavaj\u00ed netknut\u00e9. \u0160\u00ed\u0159ku druh\u00e9ho, \u00fazk\u00e9ho\nsloupce jsem (u\u017e ani nev\u00edm pro\u010d) definoval v\u00a0<em>px<\/em>, tak\u017ee ta\nz\u016fst\u00e1v\u00e1 p\u0159i zm\u011bn\u011b velikosti p\u00edsma konstantn\u00ed.<\/p>\n\n<p>Ned\u00e1 se ur\u010dit, kter\u00e1 metoda je lep\u0161\u00ed, r\u016fzn\u00fdm lidem za r\u016fzn\u00fdch\nokolnost\u00ed vyhovuje v\u017edy n\u011bco jin\u00e9ho. Chci-li si jen zv\u011bt\u0161it p\u00edsmenka,\nproto\u017ee mi text p\u0159ipad\u00e1 p\u0159\u00edli\u0161 mal\u00fd a \u0161patn\u011b se mi \u010dte, je ide\u00e1ln\u00ed\npouh\u00e9 zv\u011bt\u0161en\u00ed p\u00edsma. M\u00e1m-li v\u00fdrazn\u011b slab\u0161\u00ed zrak a h\u016f\u0159e vid\u00edm\ni\u00a0obr\u00e1zky a grafick\u00e9 symboly na str\u00e1nce, bude pro m\u011b asi v\u00fdhodn\u011bj\u0161\u00ed\nlupa. M\u00e1m-li velk\u00e9 rozli\u0161en\u00ed obrazovky a str\u00e1nky vid\u00edm jako \u00fazk\u00e9 nudle\ns\u00a0miniaturn\u00edmi p\u00edsmenky, je asi nejv\u00fdhodn\u011bj\u0161\u00ed zv\u011bt\u0161en\u00e9 p\u00edsmo\ns\u00a0dob\u0159e navr\u017een\u00fdm <em>em-layoutem<\/em>, d\u00edky n\u011bmu\u017e si spolu s\u00a0p\u00edsmem\nzv\u011bt\u0161\u00edm i\u00a0celou str\u00e1nku (ani\u017e bych zv\u011bt\u0161oval pou\u017eit\u00e9 bitmapov\u00e9\nobr\u00e1zky). Ka\u017ed\u00e1 situace chce sv\u00e9 a ka\u017ed\u00e9 z\u00a0uveden\u00fdch \u0159e\u0161en\u00ed m\u00e1 sv\u00e9\nm\u00edsto, n\u011bkdy je lep\u0161\u00ed to, jindy ono. Hlavn\u00ed je m\u00edt mo\u017enost\u00a0volby.<\/p>\n\n<p>Ov\u0161em pro to hloup\u00e9 znemo\u017en\u011bn\u00ed zv\u011bt\u0161it si v\u00a0IE p\u00edsmo definovan\u00e9\nv\u00a0<em>px<\/em> jsem ani p\u0159i nejlep\u0161\u00ed v\u016fli \u017e\u00e1dn\u00fd u\u017eitek nena\u0161el.<\/p>\n\n<hr \/>\n\n<div class=\"smaller\">\n\t<p><strong>Pozn.:<\/strong> Impulsem k\u00a0naps\u00e1n\u00ed tohoto p\u0159\u00edsp\u011bvku byl\n\t\u010dl\u00e1nek na Lup\u011b <a\n\thref=\"http:\/\/www.lupa.cz\/clanky\/velikost-pisma-v-modernich-prohlizecich\/\">Velikost\n\tp\u00edsma v\u00a0modern\u00edch prohl\u00ed\u017ee\u010d\u00edch<\/a>, vych\u00e1zej\u00edc\u00ed z\u00a0myln\u00fdch\n\tp\u0159edpoklad\u016f a obsahuj\u00edc\u00ed n\u011bkolik z\u00e1sadn\u011b chybn\u00fdch informac\u00ed.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Zp\u016fsob zobrazen\u00ed p\u00edsma pou\u017eit\u00e9ho na HTML str\u00e1nce ur\u010duje prim\u00e1rn\u011b webov\u00fd prohl\u00ed\u017ee\u010d. Ten m\u00e1 ve sv\u00e9 konfiguraci p\u0159ednastaven z\u00e1kladn\u00ed typ a velikost pro oby\u010dejn\u00e9 p\u00edsmo, m\u00e1 definov\u00e1no, zda nadpisy r\u016fzn\u00fdch \u00farovn\u00ed maj\u00ed b\u00fdt 1\u00d7, 1,2\u00d7, 1,5\u00d7, 2\u00d7 nebo 3\u00d7 v\u011bt\u0161\u00ed ne\u017e toto z\u00e1kladn\u00ed p\u00edsmo, jak\u00fdm stylem se zobrazuj\u00ed odkazy atd. To je z\u00e1kladn\u00ed zp\u016fsob zobrazen\u00ed v\u0161ech &hellip; <a href=\"https:\/\/www.pixy.cz\/pixynergia\/2007\/04\/24\/o-velikosti-pisma-v-prohlizecich-zvetsovani-a-zoomovani\" class=\"more-link\">Pokra\u010dov\u00e1n\u00ed textu <span class=\"screen-reader-text\">O velikosti p\u00edsma v prohl\u00ed\u017ee\u010d\u00edch, zv\u011bt\u0161ov\u00e1n\u00ed a zoomov\u00e1n\u00ed<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,4],"tags":[],"class_list":["post-34","post","type-post","status-publish","format-standard","hentry","category-it","category-webdesign"],"_links":{"self":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":0,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/tags?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}