Sito per mobile
Author: Luca S.
Visited 1990,
Followers 1,
Shared 0
Questo è il sito che sto pubblicando ( è una bozza) www.acquadialba.it
Sui dispositivi mobile Iphone o tablet viene visualizzato con un grosso spazio vuoto in basso.
Date unocchiata così capitedi cosa parlo.
Cosa devo fare per evitare questo problema?
Grazie
Posted on the
mettere la galleria in html5 e non in flash, visto che quel tipo di mobile, non legge il flash...
Author
La galleria si vede..... e che mi allunga la pagina in basso.
Il sito rimane inalterato ma mi allunga il piè di pagina
Author
Please ! AIuto !!!!
Dove vedi lo spazio vuoto, a me con l'Ipad lo vedo bene.
Buongiorno Luca,
prova anche a allegare uno screenshot di quello che vedi così da poter capire meglio.
Facci sapere.
Prova ad aumentare nella scheda modifica progetto/contenuto della pagina, il valore dell'altezza minima , facendo una media della varie risoluzioni video dei dispositivi portatili su cui vuoi testare il sito mobile.
Author
Antonio. A nella scheda contenuto della pagina non c'è niente che parli di altezza ... ( ho website9 )
Praticamente si allunga il piè di pagina o lo sfondo pagina, non so.
Succede con la visualizzazione su tablet e iphone5 in visualizzazione verticale.
Grazie
Allego uno screenshot
... ma quello spazio dipende dal rapporto razionale mantenuto nel ridimensionamento, quasi 1:1...
... io non ho di quei cosi, ma se provi la pagina PUNTI VENDITA, secondo me quello spazio vuoto dovrebbe aumentare, essendo il corpo della pagina di altezza inferiore...
... lo spazio dovrebbe diminuire con pagine con rapporto maggiore di 1:1 ...per esempio provare con una pagina di Mirko presa in prestito, sviluppata verticalmente: http://mibo.altervista.org/calcio/ancora.html
.
ciao
Author
Ti ringrazio .... ma non mi è chiaro per niente !!
... facciamo un esempio simulato usando misure con valori pari per semplificare...
... supponendo quindi...
... la tua pagina è larga 800 pixel ed alta 600 pixel...
... su un monitor 800x600 ci starà perfettamente, ed in uno di 1024x768 sarà perfettamente incorniciata con un margine modesto, considerando il browser a tutta apertura, e perché le finestra hanno lo stesso rapporto razionale L/H 4:3
...ma, se questa tua pagina la vuoi caricare in uno dispositivo mobile recente, questa verrà ridimensionata per adattarsi alla misure minori, scalando di dimensioni e di aspetto, rimpicciolendosi..
... supponendo che la finestra del telefonino sia a sviluppo verticale, come quella che hai preso a esempio tu, e che abbia le misure immaginarie di 400x600 con rapporto 2:3, caricando la pagina del tuo sito, questo si ridimensionerà passando da 800 pixel di larghezza ai 400 pixel del telefonino, sistemandosi bene in orizzontalmente, e rimpicciolendosi proporzionalmente anche in verticale...
...essendo valori congrui il calcolo è bello e fatto...
400 è la metà di 800
per cui la metà di 600 sarà 300 pixel di altezza della tua pagina in quella finestra;
... hai inteso...?... ...300 pixel in rapporto con i 400; come fosse una foto zoomata all'indietro, rimpicciolita...
... quindi, se la finestra del telefonino avevamo detto che era alta 600 pixel (400x600), e la tua pagina si è ridotta a 300 pixel di altezza, se ne deduce che rimarranno altri 300 pixel vuoti in basso per raggiungere i 600 pixel disponibili...
... se la tua pagina avesse avuto un contenuto alto 1200 pixel (800x1200) si sarebbe vista interamente e correttamente coprire la finestra del telefonino...
... tanto per farti rendere l'idea di ciò che avviene alla tua pagina in quel tuo di dispositivo...
.
ciao