Buonasera, premetto che ho crcato sul forum, ma non ho trovato la soluzione ad un mio problema,
ho creato una pagina web senza immagini solo testo form e pulsanti, la quale dovrà prevalentemente essere usata da smartphone o tablet.
per ovviare al problem della risoluzione del display, (ovvero per il problema dei ppi) per evtare che la pagina aperta da un i phone
o dispositivi con una alta densità risultasse molto piccola ho inserito al tag body un id con nome "box" e con il css ho dato il valore di font-size=1px e il resto della
pagina ho dato valori in em per la formattazione del testo. poi ho inserito uno script con il seguente codice

codice:
$(document).ready(function() {
   if (window.devicePixelRatio >= 2) { 
document.getElementById('box').style.fontSize='2px';
});
ho fatto provare con un dispositivo ad altà densità e si vede piccolissimo quindi presumo che la jquery non funzioni
qualcuno sa aiutarmi?