Tag Viewport Per Dispositivi Mobile
Auteur : Ful D.
Visité 2143,
Followers 2,
Partagé 28
Ma il tag <meta name="viewport" content="width=device-width;initial-scale=1.0" /> è proprio necessario inserirlo per una corretta visualizzazione su cellulari e smartphone? Io ho notato che inserendolo si visualizza al caricamento di ogni pagina uno zoom ed è fastidioso ogni volta cliccare per visualizzare il contenuto senza zoom... C'è qualcuno che ha notato lo stesso inconveniente? Grazie.
Posté le
Ciao,
quel metatag serve per visualizzare con una scala 1:1 il sito espandendolo su tutto lo schermo dello smartphone. Se tu vuoi settare lo zoom in modo che il contenuto possa essere letto meglio puoi aggiungere questi attributi:
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0 maximum-scale=2.0" />
in questo modo c'è la possibilità di zoomare da una scala 1:1 ad una scala 2:1 e tu puoi modificare il valore di maximum-scale ad esempio a 3.0 o come preferisci.
Auteur
Ma se assegno initial-scale a 0 (v.sotto) evito che ad ogni caricamento le pagine del sito si ingrandiscano?
<meta name="viewport" content="width=device-width,initial-scale=0.0, minimum-scale=1.0 maximum-scale=2.0" />
Grazie.
Auteur
Aggiornamento:
Le prove che ho fatto sono su dispositivo android. Se provo a mettere il meta name <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0 maximum-scale=2.0" /> ad ogni caricamento delle pagine il dispositivo effettua uno zoom e bisogna cliccare per visualizzare il tutto correttamente.
Ciò non avviene sui dispositivi I-phone
Se invece elimino il tag l'inconveniente (zoom) non accade su android.
Le pagine sono a 960 px
si, Ful, è vero, in effetti anche io uso quel tag e quando si va a caricare il sito su smartphone Android questo appare ingrandito e poi bisogna riportarlo con la funzione zoom alle dimensioni esatte per vederlo per intero sullo schermo dello smartphone...
Cmq è un tag che è consigliato tantissimo nei vari blog presenti in internet....boh?
Provo a toglierlo al massimo
ciao ciao
conviene proprio toglierlo in effetti, così all'apertura il sito appare in tutta la sua estensione e visibile per intero, poi uno se lo ingrandisce come vuole a partire dal punto che vuole.... invece con il tag in effetti il sito viene caricato solo con una parte ingrandita di esso visibile a schermo e poi bisogna prima zoomare indietro per ridurlo e per avere una visione completa del sito, dopodichè zoomare in avanti per selezionare i punti del sito che ci interessa realmente ingrandire (in effetti togliendo il tag si evita lo zoom indietro iniziale).
ciao ciao
per far capire meglio cosa accade..
con il tag presente il sito appare più o meno così su schermo dello smartphone quando lo si carica all'inizio (evidentemente tagliato e non intero):
senza quel tag appare invece più o meno così per intero (almeno per quanto riguarda la sua larghezza) ed è indubbiamente preferibile di gran lunga questa visualizzazione iniziale sullo smartphone:
Ful cmq, dopo varie prove, credo che il problema non sia dovuto al codice, ma all'attivazione o meno sull'android, in Impostazioni Internet, della funzione "Apri pag. in panoramica (visualizzare la panoramica delle pagine appena aperte)" , se quella funzione non è attiva ti carica le pagine già zoomate e non per intero.
prova. ciao ciao
Auteur
Ciao Giuseppe. Sì, tutti consigliano di inserirlo, ho letto anche io che è consigliato ma poi, notando che Android si comporta in questo modo mi sono posto il dubbio...
Ho notato che togliendo il tag il problema non sorge così come verificato anche da te. So che senza il tag su iphone nessun problema (così come con tag) ed ero giunto per esclusione alla conclusione che fosse una caratteristica di Android...
Non ho avuto modo di provare di disattivare la funzione "Panoramica pagine aperte" (verificherò per curiosità) ma il punto è che certamente non posso avvisare chi utilizza Android (con apposito avviso) di disattivare quella funzione sul proprio smartphone...
A questo punto preferisco non inserirlo dato che il sito è costruito a 960 px in larghezza e tale valore è visualizzabile sicuramente sugli smartphone. Non so come si comporta sui tablet ma non credo ci siano grossi problemi dato che lo sfondo è impostato su un colore omogeneo.
Grazie infinite per aver provato anche tu e per avermi risposto! Ho notato che i tuoi interventi sono spesso molto costruttivi!
Speriamo di avere qualche altra dritta al riguardo.
Ciao e buona giornata!
Si, indubbiamente Ful hai ragione quando dici che non è possibile certo avvisare tutti gli utenti di attivare una funzione che magari neanche sanno che esiste sul loro smartphone..... A quel punto via il tag sperando che senza tag poi, come dici anche tu, non crei problemi su altri dispositivi dato che neanche io so come potrebbe comportarsi senza tag sui tablet....
ti ringrazio per il complimento! Un abbraccio