
Responzivní/flexibilní web
Ahoj mám dotaz, chtěl bych aby se mi webová stránka přizbůsobovala různým zařízením s ruzným rozlišením. Zatím jem jen docílil toho aby se mi to nezmenšovalo na malých displejích (pomocí <meta name="viewport" content="width=device-width, initial-scale=1.0">) teďka bych ale v .css souboru potřeboval udělat to aby se web přizpůsobil. V .css mám toto
body {
height: 100%;
background: #DEDEDE url('../img/bg2.gif') repeat-x 0 0;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
position: relative;
width: 900px; min-width: 900px;
margin: 0 auto;
padding-bottom: 60px;
}
na internetu jsem se dočetl že to souvisí s tím margin: 0 auto; dále nevím díky za jakoukoliv odpověď ...
media query. Ja responzivitu dokonča riešim kombináciou gridu a media query, pričom to ešte korením ne"px" jednotkami... poznáte vw, vh, rem, a pod? A ešte do toho dlabem JavaScriptom.
p.s. odporúčam prečítať: https://www.vzhurudolu.cz/prirucka/css3-media-queries a https://www.vzhurudolu.cz/prirucka/css-grid ale to už je skôr pre pokročilejšie.