DOMANDA Adattare pulsanti in base alla risoluzione del browser (HTML/CSS)

[Roky88]

salve a tutti, ho il bisogno di ridimensionare alcuni tasti e caratteri in base alla risoluzione del browser, ho visto che uno dei metodi e quello di creare degli intervalli di risoluzione. Mi raccomando le risposte il più chiaro possibile e scrivete il codice, altrimenti potrei non seguirvi. Questo è il codice, ma ovviamente non funziona ahaha, premetto che qui nel codice ho scritto "media" invece di "@media", perhè qui invece di visualizzare "@" mi visualizzava una scritta tra parentesi quadre

<style type="text/css">
#conteiner #header {
    background-image: url(img.JPG);
    background-size: 100%;
    height: 41vw;
    color: #FFF;
    background-repeat: no-repeat;
    line-height: 74vw;
    font-size: 3.5vw;
    font-family: Tahoma, Geneva, sans-serif;
    padding-left: 15px;
    clear: both;
}
#conteiner #menu ul {
    font-family: Tahoma, Geneva, sans-serif;
/*
    padding: 0px;
    margin: 0px;
*/
    list-style-type: none;
    float: right;
}
#conteiner #menu ul li {
    float: left;
    border: 1px solid #033;
}
media screen and (min-width: 480px) and (max-width: 768)
{
    #conteiner #menu ul li {
        margin-right: 15px;
        font-size: 15px;
        padding: 10px;
    }    
}
media screen and (min-width: 768)
{
    #conteiner #menu ul li {
    margin-right: 15px;
    font-size: 20px;
    padding: 10px;
    }    
}

#conteiner #menu ul li a {
    text-decoration: none;
    color: #030;
}
body {
    margin: 0px;
    padding: 0px;
}
</style>

 

[cdtux]

manca l'unità di misura (px) dopo 768:

 [MENTION=65620]media[/MENTION] screen and (min-width: 480px) and (max-width: 768px)
{
 #container #menu ul li {
  margin-right: 15px;
  font-size: 15px;
  padding: 10px;
 }
}
 [MENTION=65620]media[/MENTION] screen and (min-width: 768px)
{
 #container #menu ul li {
  margin-right: 15px;
  font-size: 20px;
  padding: 10px;
 }
}

 

[Roky88]

ok a sto giro sono io la pippa di turno ahahahahah...attenzione zero :birra: