Consiglio per corretta visualizzazione sito da mobile (php+html+mysql)

[deb463is]

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.

<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!

[Alhazred]

Sì, ma PHP non c'entra niente, si fa con i CSS.

[deb463is]

Sì, ma PHP non c'entra niente, si fa con i CSS.

Sì scusami, avevo aperto entrambe le sezioni ed ho sbagliato a postare. Grazie lo stesso

[costadilevante]

Inserisci le dimensioni come percentuale e non come pixel. Ad esempio width: 100%;

[deb463is]

Ci provo!