mobile user-scalable=no - Come posso forzare un sito in scala per la correzione per i dispositivi mobili(Iphone Android..)





viewports width (5)


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.

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">   



Il tag viewport controlla quale parte della pagina verrà mostrata inizialmente, ma la pagina stessa dovrebbe comunque essere progettata per una dimensione dello schermo 320x460 da mostrare su iPhone senza zoom. Se non vuoi modificare la struttura della pagina, viewport ti dà il controllo su come viene inizialmente mostrata la pagina.




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.




Utilizzando i documenti qui: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

Sembrava che dovresti ignorare la maggior parte delle proprietà del viewport e impostare semplicemente l'utente scalabile su "sì". Sta funzionando sul mio iphone ora.

<meta name="viewport" content="user-scalable = yes">

Modifica :: Il sito del tester mobile non consente il ridimensionamento, quindi fornisce solo barre di scorrimento. Con un telefono vero questo funziona.




Se devi consentire ad altre app di vedere i file privati ​​della tua app (per Condivisione o altro) potresti risparmiare tempo e utilizzare link della libreria v4 compat





android iphone mobile viewport