Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem responzivní web

Chtěl bych se prosím zeptat. Mohl bych mít html stránku a 2 css soubory? Kdyby někdo přišel s rozl. 300 px tak aby to místo style.css načetlo style2.css co dát do hlavičky html? A je to vůbec možné aby to fungovalo?

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
Áno, je možné, aby to tak fungovalo. <link rel="stylesheet" media="(max-width: 300px)" href="max-30…
los 17.05.2015 23:48
los
Díky. Ono je právě v češtině málo návodů. Ale co se stane když to prohlížeč nerozezná? Co se mu zobr…
tuldan 18.05.2015 04:46
tuldan
Keď to prehliadač nerozpozná, tak sa to neaplikuje. V tomto prípade by si mal zobrazený web bez štýl… poslední
los 18.05.2015 18:08
los

Áno, je možné, aby to tak fungovalo.

<link rel="stylesheet" media="(max-width: 300px)" href="max-300px.css" />
<link rel="stylesheet" media="(min-width: 300px)" href="min-300px.css" />

Osobne by som to skôr písal tak, že by som si to rozdelil na pravidlá, ktoré sa aplikujú vždy a pravidlá ktoré sa aplikujú len keď je rozlíšenie väčšie (alebo menšie) ako 300px. Potom to bude fungovať aj v prehliadačoch, ktoré nezvládajú media queries. A nerozdeľoval by som to do 2 CSS súborov, ale všetko by som písal do jedného.

Keď to prehliadač nerozpozná, tak sa to neaplikuje. V tomto prípade by si mal zobrazený web bez štýlov. Prakticky to nerozpozná už len IE8, takže žiadna veľká katastrofa by sa nestala.

Robí sa to tak, že to nadizajnuješ pre jedno rozlíšenie a potom vytvoríš pravidlá, ktoré to prispôsobujú pre ostatné rozlíšenia.

Zpět do poradny Odpovědět na původní otázku Nahoru