WebSite X5Help Center

 
Ful D.
Ful D.
User

Tag Viewport Per Dispositivi Mobile  it

Auteur : Ful D.
Visité 2143, Followers 2, Partagé 28  
Mots-clés :: meta,name=viewport

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
10 RéPONSES
Luca S.
Luca S.
User

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.

Lire plus
Posté le de Luca S.
Ful D.
Ful D.
User
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.

Lire plus
Posté le de Ful D.
Ful D.
Ful D.
User
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



Lire plus
Posté le de Ful D.
Giuseppe Guida
Giuseppe Guida
User

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

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

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

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

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):

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

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:

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

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

Lire plus
Posté le de Giuseppe Guida
Ful D.
Ful D.
User
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...Undecided

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! LaughingWink

Speriamo di avere qualche altra dritta al riguardo.

Ciao e buona giornata!

Lire plus
Posté le de Ful D.
Giuseppe Guida
Giuseppe Guida
User

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

Lire plus
Posté le de Giuseppe Guida