Autor Zpráva
Taps
Profil
Zdravím,
zkouším vytvořit responzivní design jednoho webu- http://joomla.php5.cz/. Problém je však v tom, že se mi do stránky začali načítat styly, které mám přiřazeny do jiného breakpointu

Např. Pokud ve Firefoxu provádím testování pomocí nativního prostředí (ctrl+shift+m) a zvolím si rozměry 1280 * 600, tak se mi načte třída .menu, kterou mám v breakpointu @media (min-width: 980px) and (max-width: 1279px). Mohl by mi někdo poradit, kde by mohl být problém.

Děkuji
Davex
Profil
Taps:
volím si rozměry 1280 * 600
To jsou rozměry okna nebo viewportu?


Nemá na to vliv zvětšení stránky v prohlížeči?

Zkus to na testovací stránce media queries.
Taps
Profil
Davex:
Jedná se o velikost viewportu
Pokud ukázku zkusím v prohlížeči, tak vše funguje korektně. Zkusil jsem to přímo nakopírovat do mého testovacího webu, ale problém stále přetrvává ( když např. zvolím 360×640, tak kod který jsem převzal z testování mi na obrazovce vypíše 0-318. A pak když vyberu např. 1280 * 600 tak se aplikuje media query nižší úrovně, tedy @media (min-width: 980px) and (max-width: 1279px).
Davex
Profil
Taps:
tak se aplikuje media query nižší úrovně
Toto se mi děje při tom už zmíněném zvětšení stránky asi na 125%. Zkus si vypnout lupu - zvětšení = 100 % (klávesová kombinace Ctrl+0).
Taps
Profil
Davex:
Děkuji

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: