Come userei una query multimediale per rendere il mio intero tema reattivo o fluido? [Chiuso

Question

Ho optato per un tema per uno dei miei blog. È possibile avvolgere il tuo foglio di stile (style.css sulla maggior parte dei temi) nelle query @media e creare il tuo intero tema reattivo, o fluido, così Funziona bene su tutti i browser e sulle risoluzioni dello schermo?

In tal caso, qualcuno sa come posso raggiungere questo obiettivo? O esiste un modo migliore e più semplice per raggiungere questo obiettivo?

Voglio dire, posso semplicemente metterlo in cima al mio stile.css?

@media screen and (max-height: 700px) {
    // style.css rules

E ovviamente in fondo, solo:

    }

Questo renderà il mio intero tema fluido o reattivo, o è molto più approfondito di così? Qualsiasi guida in questo senso sarebbe molto apprezzata!