Autor Zpráva
radekt
Profil
Dobrý den,
na stránce Mapa římské říše mám klikací mapu.

<div id="mapa">
    <img src="map/im.gif" usemap="#clickmap" alt="">
    <map name='clickmap'>
      <area href='?m.x=757&amp;m.y=1459' shape='circle' coords='757,1459,15' alt=''>
      <area href='?m.x=2520&amp;m.y=1193' shape='circle' coords='2520,1193,15' alt=''>
      <area href='?m.x=681&amp;m.y=1215' shape='circle' coords='681,1215,15' alt=''>
      <!-- další klikací body... -->
    </map>
</div>

Poslední parametr coords, kterým se řídí velikost klikatelné oblasti je - na rozdíl od desktopu -
pro mobilní prohlíže na klikání prstem moc malý. Nechci zvětšovat obrázek, který tvoří mapu,
už tak při malé velikosti displeje není vidět moc velké území. Zvětšovat poslední parametr coords
by zase znamenalo moc velkou klikací oblast na desktopu. Povolit oddalování a přibližování stránky
také nevidím jako řešení, protože sice pohodlně kliknu, ale pak se stránka zmenší na miniaturu desktopové
verze, zase se musí zvětšit... Z vlastní zkušeností vím, že je to i na jiných stránkách nepohodlné,
navíc tak přijdu o vzhled, který jsem pomocí media queries definoval pro mobilní zařízení. Lze nějakým
způsobem CSSkem ten parametr pro menší obrazovky zvětšit?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: