Jak změnit velikost (i částečného) obsahu na stránce

Přidejte k prvkům které chcete přiblížit/oddálit třídu post-single-content-inner. Já jsem to udělal tak, že jsem vytvořil 600px obalující div a do něho dal div se třídou post-single-content-inner.
Nastavte třídě post-single-content-inner šířku vždy 100%:
CSS
```
.post-single-content-inner { width: 100% !important; }
```

Vytvořte na stránce tlačítka pro ovládání velikosti:

XHTML

<div class="text-size">
    <a href="#" id="decfont">A-</a>
    <a href="#" id="defaultfont">A</a>
    <a href="#" id="incfont">A+</a>
</div>

Přidejte tento JavaScript:

jQuery('#incfont').click(function () {
        jQuery('.post-single-content-inner').css('zoom', 1.2);
        return false;
    });
jQuery('#decfont').click(function () {
        jQuery('.post-single-content-inner').css('zoom', 0.8);
        return false;
    });
jQuery('#defaultfont').click(function () {
        jQuery('.post-single-content-inner').css('zoom', 1);
        return false;
    });

Napsat komentář Zrušit odpověď na komentář