mobile Come posso forzare un sito in scala per la correzione per i dispositivi mobili (Iphone Android ..)





2 Answers

prova a utilizzare diversi css e li scambia (lato server) in base alle impostazioni del client. Ad esempio l'iPhone si identificherà come:

 HTTP_USER_AGENT=Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) 
 AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3

A seconda del linguaggio di scripting disponibile sul lato server, è possibile modificare il css.

Here un esempio.

android iphone mobile viewport

Quando carico il mio sito in un iphone non si ridimensiona. Tutto quello che vedo è la coppia in alto a sinistra di un centinaio di pixel quadrati. Sono nuovo nell'ottimizzazione per dispositivi mobili, ma mi sento come se la maggior parte delle pagine scendesse per adattarsi automaticamente e la maggior parte delle domande sembra essere per lo scenario opposto che sto avendo (forzare il telefono a non ridimensionarlo).

Vorrei che l'intera larghezza della pagina fosse visibile e che fosse così che l'utente avrebbe dovuto ingrandire per leggere il testo.

Ho provato con e senza il seguente codice in testa, ma senza alcun effetto apparente.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--  I Also tried: -->
<meta name="viewport" content="width=1024, initial-scale=1">   



Sbarazzati della width=1024 , inserisci

<meta name="viewport" content="width=device-width, initial-scale=1" />

E, svuota la cache del browser del tuo telefono. Potrebbe anche spegnersi e riaccenderlo in seguito.




Related