Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: responsive design

Aktivity
Avatar
Samo
Člen
Avatar
Samo:21.9.2017 16:20

Chcem sa opytat, lebo len zacinam s tvorbou webov. Ked chcem menit rozvrhnutie stranky v zavislosti na tom na akom zariadeni si stranku pozeram, tak som nasiel ze sa pouziva toto:
<link rel="stylesheet" media="only screen and (min-width:480px) href="....css"/> .
Toto je podmienka, ktora riesi, ktory css subor sa ma zobrazit v zavislosti na rozliseni. Problem je v tom, ze ja mam telefon z rozlisenim 2K a teda ma vacsie rozlisenie ako moj full hd monitor. Tym padom sa mi zobrazuje ten isty .css subor na obidvoch zariadeniach. Na telefone je to rozvrhnutie stranky strasne male. Akym sposobom sa robia stranky, ze nie su take male na telefone? Vopred dakujem.

 
Odpovědět
21.9.2017 16:20
Avatar
Odpovídá na Samo
Lukáš Křehula:21.9.2017 16:51

Zkus do hlavičky přidat tento kód:

<meta name="viewport" content="width=device-width, initial-scale=1">
 
Nahoru Odpovědět
21.9.2017 16:51
Avatar
Lubiikpupiik
Člen
Avatar
Lubiikpupiik:21.9.2017 18:26

Taky jsem toto nechápal, když jsem začínal. Je to vcelku jednoduché, protože u mobilů neřešíš rozlišení, ale šířku viewportu. Ta se dá najít třeba ZDE . Nevím sice, co máš za telefon, ale nejspíše bude mít šířku viewportu něco málo přes těch 480px. Tak tam dej prostě o něco víc.... A taky musíš přidat do hlavičky tento kód:

<meta name="viewport" content="width=device-width, initial-scale=1">

Snad jsem ti odpověděl, aby se to z toho dalo pochopit :)

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
21.9.2017 18:26
Avatar
Samo
Člen
Avatar
Samo:21.9.2017 22:25

Díky moc za rady . Mám Lenovo Vibe z2 pro. Ja som myslel, že tých 480px je šírka displeja telefónu.

 
Nahoru Odpovědět
21.9.2017 22:25
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.