Prova a usare solo CSS. Magari parti da qui:
codice:<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Documento HTML</title> <style> @media only screen and (max-device-width: 3in) { body { color: red; } } </style> </head> <body> <p>Lorem ipsum</p> </body> </html>
Come dimensione del display del telefonino ho usato un valore a caso – 3 pollici (3in): fa' delle prove e calibra a piacimento fin quando il testo di esempio non ti appare rosso sui telefonini e nero sul computer (magari posta qui il tuo risultato).
*IMPORTANTE* Per questo tipo di cose usa sempre unità di misura ASSOLUTE (pollici, centimetri, etc.) e *mai* relative (pixel, em, etc.): è l'unico modo per sapere *realmente* le dimensioni di un display per come appare nella realtà.
Rispondi quotando