Ho una pagina Web statica molto semplice (solo css e link, niente script). Sembra buono su android e iphone, ma troppo piccolo. Immagino che lo abbiano ridotto perché funziona per la maggior parte dei siti. Come posso sovrascrivere questo e farlo sembrare la dimensione che voglio che sia?Come scalare un sito Web per dispositivi mobili?
Android si adatta automaticamente alle dimensioni del sito, tenta di utilizzare la larghezza: 100% o inferiore a circa 310 pixel (la barra di scorrimento richiede spazio) per la modalità di visualizzazione normale.
per IPhone provare a utilizzare questo codice per forzare il formato corretto
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
anche per forzare font-size tenta di utilizzare questo codice nel tuo css:
-webkit-text-size-adjust: none;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
L'elenco deve essere separati da virgola
Qualunque cosa tu stia utilizzando, assicurati di eseguire il test nelle versioni più recenti di Android. Ho avuto un semplice layout a colonna singola che sembrava OK in Android 1.5 e Android 1.6. Android 2 sembra schiacciare tutto il testo in un piccolo frammento sul lato, però. Bizzarro che dovrò passare a un layout multi-colonna per supportare un telefono, dove più semplice dovrebbe essere migliore. –