Max-width - HTML

Dá se to nějak optimalizovat jenom konkrétně pro ty mobilní zařízení aby to nedělalo bordel?

Áno dá. Vytvoríš si mobilnú verziu stránok alebo responzívní web...

Nejde jenom nějak přes .css nastavit rozměr té stránky?

Ano ide.
https://cs.wikipedia.org/wiki/Responzivn%C3%AD_web _design

nechápu to s tím kontextem...Když potřebuju šířku 1920 pixelů tak to tam musm zapsat jak?

pokud šířka prohlížeče na použitém zařízení bude v rozsahu od 660px do 780px.

@media (max-width: 780px) and (min-width: 660px){
       ...
}

No, dobře a te´d ještě kam to mám vložit?

• To mas vlozit do souboru <styles.css> a koresponduje to vlozené velikosti.
• Pod @media xxx do jejich {...} vlozis to, nebo informace, jak ma stranka v této velikosti vypadat, za "Max-widht" muzes dopsat i : and (orientation:portrait nebo landscape), pro style dle otoceni telefonu, ci tablet.
TiP~ Nekteré WEB prohlizece, maji moznost vyvojového prostredi, kde danou velikost muzes vyzkouset.
[img=http://www.marevueweb.com/wp-content/uploads/2010/03/resolutiontest.jpg]http://www.marevueweb.com/wp-content/uploads/2010/ 03/resolutiontest.jpg[/img]
• Nebo pouzit "doplnek", kuprikladu pro Google Chrome (pro tebe zcela jednodusi) : https://chrome.google.com/webstore/detail/resoluti on-test/idhfcdbheobinplaamokffboaccidbal

Já mám ale pozadí dané přes main.css a když to dám přímo do toho souboru index.html <style></style> tak to s tím nic neudělá a v tom main.css mi to taky nefunguje :/

• Tak to mas dat do main.css, kde nemá smysl psát jeste Style do HTML.
• V HTML, mas správne nastavenou tu cestu k main.css, ktery mas ve správné slozce?
• To pozadí se ukáze az v urcitém rozlisení které jsi uvedl za @média
TiP~ Osobne bych si udelal 3 rozlisení zvlást, pro kazdy mód rozlisení, ale není podmínkou, ale osobne mi to pripadne korektnejsí..(ono kupríkladu u mobilního prohlízece to jde poznat, kdyz nacítá 1Mb background nebo 20ko)