Prodej módní značky DANNYS clothing
Zobrazují se odpovědi 1 až 3 z 3

Zmenšení velikosti eshopu o 10%

  1. Zdravím,

    vyšla nová šablona, která je hezká, ale je moc velká. Dalo by se nějak kódem nastavit zmenšení stránky o 10% (respektive když si stránku v chrome přesl lupu zmenším na 90%, tak se mi to zdá hezčí a přehlednejší. Podstatné je jen, aby to nepoškodilo mobilní verzi, ale ta předpokládám má svoje styly, takže to bude ok, web: growmax.cz

  2. Co se právě děje na Webtrhu?
  3. Nebo zvetsit monitor aby se na nej vesla ;-)

  4. Způsobů je několika, kdybych něco takového musel na rychlo někdy někomu zprasit, tak tímto způsobem:

    Kód:
    html {
      transform: scale(0.95);
      transform-origin: 0 0;
      width: calc(100vw - 5%)
    }
    A toto obalil nějakou media query od které by to mělo být "zazoomované" (příklad zoomuje o 5%) - spíše bych se ale opravdu ujistil, zda-li je něco takového nutné (nemáte malý monitor?), než bych toto použil - a když už, tak jenom jako opravdu krizové řešení.

    Zrovna nemůžu snadno otestovat na Safari, ale IE/Edge/Firefox/Chrome OK.

    Velmi podobným způsobem lze také s drobnými hacky "odzoomat". Je dobré mít na paměti, že takovéto řešení "rozbije" position: fixed na všech elementech v hierachii níže, kvůli onomu transformu (ve vašem případě např. cookie upozornění a šipka pro scroll nahoru, z čeho jsem si všiml), což by šlo vyřešit změnou DOMu.
    Naposledy upravil Miroslav Foltýn : 14.07.2019 v 13:37

Hostujeme u Server powered by TELE3