Rozdíl mezi dvěma příkazy – CSS – Fórum – Programujte.com

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

Co značí ty fráze "initial-scale=1"/>  &  viewport-fit=cover">" ?

#1 Montezo
Zkousel jsi googlovat?

1 = zoom 1, webove prohlizece umi stranky zoomovat (ctrl + pohnuti koleckem mysi)

cover = spocita zoom podle rozmeru sirky a vysky
To je trochu slozitejsi na vysvetleni. Porovna sirku obrazovky a sirku stranky (kterou vygeneruje podle kodu). Totez s vyskou. A roztahne/zmensi to tak, aby se to tam cele veslo.

Kdyz das v css width:100%, tak se stranka roztahne na 100% sirky. Vyska se roztahne, jak potrebuje.
Kdyz das u obrazku 100%, tak obrazek zachovava pomer stran a roztahne se i sirka ve stejnem pomeru (delas zoom).
Kdyz delas nahled obrazku, tak potrebujes obrazek napasovat do obdelnicku treba 320x200. Takze ho zmensis tak, aby se aspon dvema stranami dotykal okraje a druha strana byla kratsi. ale zachoval se pomer stran. Tomu se rika cover.

Nebo, vem si televizi, kdyz davaji film v jinem formatu, tak mas po strane nebo nahore cerne pruhy.
Nektere tv umi roztahnout film tak, ze cernych pruhu je mene, ale ztratis cast obrazu. To uz cover neni. Ale stale dela zoom, protoze zachovava stejny pomer stran. A ty same tv umi obraz i roztahnout, nezachova pomer stran. Pak jsou tlusti i ti nejstihlejsi lide, treba :)