Tomáš Daněk

Definuje hraniční hodnoty pro responzivní web design. Usnadňuje podporu "retina" displeje.

Instalace a nastavení:

1. Nainstalujte a povolte modul Breakpoints.
2. Do info souboru používaného tématu vzhledu doplňte hraniční hodnoty např.:

   • ; BREAKPOINTS
     breakpoints[mobile] = (min-width: 0px)
     breakpoints[narrow] = (min-width: 720px)
     breakpoints[normal] = (min-width: 960px)
     breakpoints[wide] = (min-width: 1200px)
     breakpoints[tv] = only screen and (min-width: 3456px)

3. Pro načtení definovaných hodnot je třeba vypnout a znovu povolit používané téma vzhledu (jako výchozí je dočasně třeba zvolit jiné téma vzhledu).

Další moduly:

• Mobile Switch – pouze jedna verze vzhledu pro všechna mobilní zařízení

Smartphone: 320 x 480 px (480 x 320 px)

Tablet: 720 x 1024 px (1024 x 720 px)

Desktop: 1280 x 1024 px (odečítá se "rezerva 80 px" pro vertikální posuvník)

TV: 3456 x 2304 px a více

Popular breakpoints: 320 – 480 – 600 – 768 – 993 – 1383