Le dimensioni del ridimensionamento dell'interfaccia utente Jquery dipendono dal div principale e dalle dimensioni dello schermo: javascript, jquery, css3, gridstack

Sto usando gridstack.js in uno dei miei progetti e ci sono 3 div ridimensionabili e trascinabili sulla griglia.
Vorrei ridimensionare il testo nei tag p e h3 in questi div e salvare i valori di fontsize quando ridimensiono il div parent. Posso farlo in questo modo: È possibile ridimensionare il testo usando jquery-ui?

Ma cosa devo fare quando lo schermo cambia? Ad esempio, sto usando un piccolo schermo e dopo aver ridimensionato uno dei div, p fontsize può essere 12px. Quando uso un grande schermo quale dovrebbe essere la dimensione del carattere del tag p? Come posso aggiustarlo?

Grazie

risposte:

Potresti semplicemente usare a @media regola per eseguire ciascuna regola in base alla larghezza dello schermo. http://www.w3schools.com/cssref/css3_pr_mediaquery.asp