LinkBack URL
About LinkBacksBuonasera a tutti, volevo sapere se esiste una procedura per riadattare le mie pagine web al cellulare, dato che le ho create su Mac, le posso vedere su tablet iPad senza problemi, in orizzontale su cellulare (nel mio caso, iPhone 11), ma in verticale le pagine sono molto piccole. Posso inserire dei comandi HTML o CSS senza dover rifare le pagine? Grazie per l’aiuto
Visualizzazione risultati 1 fino 7 di 7
Discussione: Adattare la pagina web al mobile
-
29-06-2022, 22.03.38 #1Guest
Adattare la pagina web al mobile
-
29-06-2022, 22.58.22 #2
AlterGuru
- Data registrazione
- 07-05-2010
- Messaggi
- 2,366
Salve,
può provare ad utilizzare le media query nel CSS, in modo da adattare le pagine alla larghezza dello schermo dei vari tipi di dispositivi.
Saluti
-
30-06-2022, 17.44.15 #3Guest
Grazie, vado subito a vedere; per il cellulare quali possono essere le dimensioni giuste?
-
30-06-2022, 20.17.45 #4
Utente attivo
- Data registrazione
- 29-12-2021
- Messaggi
- 326
Di solito parte da 320px. Comunque ti lascio 2 siti che inserendo l'url del tuo sito ti mostra le varie dimensioni:
Originalmente inviato da rotarysulmona
http://www.responsinator.com/?url=
Questo è ancora meglio perché puoi fare regolazioni di precisione i media query al pixel:
http://www.responsivepx.com/?localho...480&scrollbarsUltima modifica di albenessereblog : 30-06-2022 alle ore 20.18.50
-
30-06-2022, 20.32.02 #5
Super Moderatore
- Data registrazione
- 22-02-2004
- Messaggi
- 6,260
La cosa principale che manca sul tuo sito non è CSS, ma è il tag che dice al browser di usare la larghezza dello schermo del telefono/tablet, invece della larghezza del sito.
In cima ad ogni pagina, o nel tuo template, devi assicurarti di avere
A quel punto, il browser cercherà di "schiacciare" il sito nello schemo piccolo. Via CSS puoi riposizionare il contenuto in modo che sia comodo e leggibile. Il fatto che il layout sia fatto con delle <table> renderà il lavoro più difficile però.Codice HTML:<!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- questa riga --> [...]
Prova ad appoggiarti ad un tutorial come questo: https://web.dev/responsive-web-design-basics/
Evita "w3schools" come la peste: è pieno di informazioni sbagliate o vecchie.
-
01-07-2022, 11.36.36 #6Guest
Grazie mille, ci provo subito!
-
01-07-2022, 11.37.21 #7Guest
Grazie, vado subito a mettere in pratica!
