Tutorial na prepnuti na responzive web

6. 11. 2019 17:41:06

Zdravim,

trochu už ovladám html a css tzn. down menu, hover effect atp. Ale netuším jak se dociluje toho, že desktop web se "překleslý" na first mobile přístup tzn. jak docílit mino desktop tzv.hamburger menu? Mohl by mě někdo nasměrovat v tom jak docílit toho, že styly se mění na základě toho z jakého zařízení uživatel přistupuje?

Díky :)

6. 11. 2019 17:41:06

https://webtrh.cz/diskuse/tutorial-na-prepnuti-na-responzive-web#reply1422683

Pavel Mareš

(19 hodnocení)

6. 11. 2019 17:51:29

Pro zajištění "rozlišení" pro CSS:

Media Query

- https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_mediaquery

6. 11. 2019 17:51:29

šikmo.cz – Digitální parťák, od designu přes vývoj až k marketingu.

https://webtrh.cz/diskuse/tutorial-na-prepnuti-na-responzive-web#reply1422682

Novyclen

6. 11. 2019 18:28:06

Napsal Doctore97;1552458
Pro zajištění "rozlišení" pro CSS:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
Media Query
- https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_mediaquery

Ok diky. Ted jsem trochu googloval to media Query a zdá se, že je to css3 funkcionalita. Koukám že na netu a webu jsou docela staré zdrojáky a knihy z kterých jsem čerpal pro první pokusy..

6. 11. 2019 18:28:06

https://webtrh.cz/diskuse/tutorial-na-prepnuti-na-responzive-web#reply1422681

Pro odpověď se přihlašte.

Přihlásit