WebSite X5Help Center

 
Ful D.
Ful D.
User

Tag Viewport Per Dispositivi Mobile  it

Autore: Ful D.
Visite 2031, Followers 2, Condiviso 28  
Parole Chiave: 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.

Postato il
10 RISPOSTE
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.

Leggi di più
Postato il da Luca S.
Ful D.
Ful D.
User
Autore

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.

Leggi di più
Postato il da Ful D.
Ful D.
Ful D.
User
Autore

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



Leggi di più
Postato il da 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

Leggi di più
Postato il da 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

Leggi di più
Postato il da 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):

Leggi di più
Postato il da 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:

Leggi di più
Postato il da 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

Leggi di più
Postato il da Giuseppe Guida
Ful D.
Ful D.
User
Autore

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!

Leggi di più
Postato il da 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

Leggi di più
Postato il da Giuseppe Guida