Salve ragazzi, avrei bisogno di un vostro consiglio. Ho una webapp che è composta da un paio di pagine, in cui c'è un modulo di login e qualche altro modulo che legge e scrive sul db mediante l'inserimento di dati in campi input.

Questo sito sarà accessibile soprattutto da cellulare, ho quindi inserito questo codice per renderlo bene o male adatto alla visualizzazione da mobile.

codice:
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no">     <title>pagina</title>
    <style>
    #container{
        width: 300px;
        margin: 0 auto;
    }
    select{
    width: 146px;
    }
    input{
        width: 260px;
        height: 30px;
        -webkit-border-radius: 5px;
    }
    input#submit{
        width: 150px;
        height: 40px;
    }
    
    </style>
Esiste una possibilità per renderlo universalmente compatibile con tutti i dispositivi? Cioè mi spiego meglio, è possibile adattare il sito in base alla risoluzione del sito che lo visualizza??

Grazie mille a tutti come sempre!