Adattare la pagina web al mobile

29-06-2022, 22.03.38

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

**frasidipace** · 29-06-2022, 22.58.22

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

Grazie, vado subito a vedere; per il cellulare quali possono essere le dimensioni giuste?

**albenessereblog** · 30-06-2022, 20.17.45

Originalmente inviato da rotarysulmona

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:

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

**dreadnaut** · 30-06-2022, 20.32.02

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

Codice HTML:

<!doctype html>
<html>
 <head>
  <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- questa riga -->
  [...]

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ò.

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

Grazie mille, ci provo subito!

01-07-2022, 11.37.21

Grazie, vado subito a mettere in pratica!

Discussione: Adattare la pagina web al mobile

LinkBack

Strumenti discussione

Display

Adattare la pagina web al mobile

Regole di scrittura