Autor Zpráva
-rjh-
Profil
Ahoj,

naprogramoval jsem si Tetris v javaSriptu. Chtěl jsem, aby byl aspoń trochu hratelný i v mobilu, takže jsem do CSS přidal:

 @media only screen and (max-width: 640px) {
// jak má vypadat mobilní stránka.
    }

Hru jsem dělal na CodePenu. Když se tam na ni podívám, ať už v mobilu nebo Responsive Design Modu v prohlížeči, vypadá vcelku OK. Jenže pak jsem ji zkusil nahrát na svoje stránky, stejný kód vpadá ve stejném mobilu úplně jinak. Tlačítka jsou obří, hrací pole malé, atd. Responsive Design Mode je pořád OK. Nevíte, čím by to mohlo být?
Je to asi hodně základní otázka, ale já jsem CSS dost zapomněl a žádné vysvětlení mě nenapadá.
Tomáš123
Profil
-rjh-:
Aby sa mobil prestal hrať na väčšie zariadenie (kvôli stránkam, ktoré nie sú malým obrazovkám prispôsobené) je treba do hlavičky pridať túto deklaráciu <meta name="viewport" content="width=device-width,initial-scale=1">.

Viď tiež: Značka <meta name=viewport>.
-rjh-
Profil
Díky moc! Věděl jsem, že to bude něco takového.

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: