Printable View
Buonasera 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
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
Grazie, vado subito a vedere; per il cellulare quali possono essere le dimensioni giuste?
Di solito parte da 320px. Comunque ti lascio 2 siti che inserendo l'url del tuo sito ti mostra le varie dimensioni:Citazione:
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&scrollbars
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.
Grazie mille, ci provo subito!
Grazie, vado subito a mettere in pratica!