Sondaggio: Vi piace HTML?

Si, mi piace.
100.00%
4 100.00%
Si e No, preferisco PHP
0%
0 0%
No, non mi piace.
0%
0 0%
Totale 4 voti 100%
* Hai votato. Mostra risultato

[Problema] HTML responsive design su mobile, stranamente piccolo.

Salve a tutti.
Non riesco a risolvere un problema con la versione mobile del sito che sto creando, ho provato di tutto ma non riesco a trovare una soluzione.



Vi lascio tutte le info che potrebbero servirvi:
  • Il sito in preview e con la finestra "ridimensionata" come su un telefono, sul pc funziona
  • Uso le media queries e 2 file con i css del sito, uno si chiama mobile.css (per mobile, quello che ha il problema) e quello desktop main.css
  • Il sito non funziona sul telefono, rimane piccolissimo come se venisse usata una lente d'ingrandimento al contrario.
  • Ho provato ad usare le misure in: Pixel, Percentuali (%), ed ora in VH e VW ma niente.
  • Il codice del sito potete vederlo QUI.
  • Se volete visitare il sito e vedere voi stessi il problema su mobile, ecco il LINK.



Non odiatemi se apro spesso post chiedendo il vostro aiuto, considerate che per voi è un modo "facile" per ottenere +1 REP e sentirvi soddisfatti di aver aiutato qualcuno meno esperto di voi.
Purtroppo in html faccio molti errori, ma sbagliando si impara ed sperimentare cose nuove fa sempre bene.



Se vi servono altre informazioni non esitate a chiedere!



Grazie mille in anticipo e spero che possiate aiutarmi a trovare una soluzione senza che sia necessario rifare il codice mobile per la seconda volta.
[Immagine: 6611830695.png] 

JOINA NEL MIO SERVER MINECRAFT/NETWORK!
Ip: Mc.OnlyPlay.tk
Sito: https://www.onlyplay.tk
Invito discord: https://discord.gg/ft8tQAu

Ti interessa un host da 1,5GB gratuito? Ottienilo joinando nel server discord di freemchost!


[Immagine: onlyplay]
Hai disabilitato l'overflow???

@GABRYCA


Ti serve un Sito Web per il tuo Progetto?



@_Pitz_ no perchè?
Ho messo
Codice:
overflow-x: hidden
(Modificato 22/12/2018, 15:59 da GABRYCA.)
[Immagine: 6611830695.png] 

JOINA NEL MIO SERVER MINECRAFT/NETWORK!
Ip: Mc.OnlyPlay.tk
Sito: https://www.onlyplay.tk
Invito discord: https://discord.gg/ft8tQAu

Ti interessa un host da 1,5GB gratuito? Ottienilo joinando nel server discord di freemchost!


[Immagine: onlyplay]
22/12/2018, 15:58GABRYCA ha scritto: @_Pitz_ no perchè?


prova a togliere overflow-x: hidden;

Non mostra la barra orizontale,ci può servire per provare a risolvere

@GABRYCA


Ti serve un Sito Web per il tuo Progetto?



Fatto, ho tolto l'overflow.
Il problema persiste, sempre e solamente su mobile (Modificato 22/12/2018, 16:01 da GABRYCA.)
[Immagine: 6611830695.png] 

JOINA NEL MIO SERVER MINECRAFT/NETWORK!
Ip: Mc.OnlyPlay.tk
Sito: https://www.onlyplay.tk
Invito discord: https://discord.gg/ft8tQAu

Ti interessa un host da 1,5GB gratuito? Ottienilo joinando nel server discord di freemchost!


[Immagine: onlyplay]
@Gabryca

prova a mettere

Codice:
img {
  max-width: 100%;
  height: auto;
}


Ti serve un Sito Web per il tuo Progetto?



@GABRYCA Ho visitato il sito dal telefono e non noto nessun problema
Se ti sono stato utile 
clicca su +1

[Immagine: Fo29yyU.png][Immagine: Vsfkgsk.png]

[Immagine: bOeKnoS.png]
1 utente apprezza questo post
[Immagine: RNCPZdi]
Puoi vedere qui come lo vedo.
@CommandLeo

Il problema è che si vede strano, ora provo il consiglio di @_pitz_

GRAZIE MILLE @_Pitz_ ha funzionato!
Hai sistemato in maniera ultra-semplice un problema al quale avevo sclerato 1 giorno intero.
Grazie mille.

Quindi, fammi capire bene, in pratica il problema erano le immagini che non avevano una altezza ben definita e la larghezza al massimo di default?

Mi rimane solo da sistemare un paio di cose e dovrebbe sistemarsi il problema delle cose sovrapposte a fine pagina.

Ora il sito si apre di default giusto, come dovrebbe, ma se provo a "rimpicciolire" la pagina c'è ancora il solito spazio bianco.
Non è comunque un gran problema, ma l'overflow-x anche se l'ho rimesso non fa effetto.
Grazie mille e tieniti il tuo bel REP, te lo sei meritato, spero che riuscirai a sistemare anche questo ultimo mio problema.
Sei un bravo webmaster
@_Pitz_ (Modificato 22/12/2018, 17:47 da GABRYCA.)
[Immagine: 6611830695.png] 

JOINA NEL MIO SERVER MINECRAFT/NETWORK!
Ip: Mc.OnlyPlay.tk
Sito: https://www.onlyplay.tk
Invito discord: https://discord.gg/ft8tQAu

Ti interessa un host da 1,5GB gratuito? Ottienilo joinando nel server discord di freemchost!


[Immagine: onlyplay]
22/12/2018, 17:36GABRYCA ha scritto: [Immagine: RNCPZdi]
Puoi vedere qui come lo vedo.
@CommandLeo

Il problema è che si vede strano, ora provo il consiglio di @_pitz_

GRAZIE MILLE @_Pitz_ ha funzionato!
Hai sistemato in maniera ultra-semplice un problema al quale avevo sclerato 1 giorno intero.
Grazie mille.

Quindi, fammi capire bene, in pratica il problema erano le immagini che non avevano una altezza ben definita e la larghezza al massimo di default?

Mi rimane solo da sistemare un paio di cose e dovrebbe sistemarsi il problema delle cose sovrapposte a fine pagina.


le immagini non erano scalate, nel senso anche se lo schermo si rimpiccioliva le immagini rimanevano uguali

@Gabryca

Comunque mi fa piacere il fatto di esserti stato di aiuto, se hai bisogno non esitare a taggarmi


Ti serve un Sito Web per il tuo Progetto?



@GABRYCA per risolvere quest'ultimo problema aggiungi:
Codice:
html {
overflow-x: hidden;
}
Se ti sono stato utile 
clicca su +1

[Immagine: Fo29yyU.png][Immagine: Vsfkgsk.png]

[Immagine: bOeKnoS.png]
@CommandLeo
Ho provato (l'ho messo nel codice), prima ho provato a metterlo nel
Codice:
body

ma niente, ora in
Codice:
html

e comunque non cambia, se "fai lo zoom al contrario" e rimpicciolisci la pagina, il problema rimane.
[Immagine: 6611830695.png] 

JOINA NEL MIO SERVER MINECRAFT/NETWORK!
Ip: Mc.OnlyPlay.tk
Sito: https://www.onlyplay.tk
Invito discord: https://discord.gg/ft8tQAu

Ti interessa un host da 1,5GB gratuito? Ottienilo joinando nel server discord di freemchost!


[Immagine: onlyplay]
@GABRYCA ho sbagliato a scrivere: invece che a html, overflow lo devi applicare al body. L'ho provato personalmente tramite i Chrome Dev Tools e funziona. Se vuoi anche prevenire l'utente dallo zoomare, devi impostare un determinato parametro nel meta viewport
Se ti sono stato utile 
clicca su +1

[Immagine: Fo29yyU.png][Immagine: Vsfkgsk.png]

[Immagine: bOeKnoS.png]
@CommandLeo funziona da computer (rimpicciolendo la pagina la vedo simile a mobile MA NON UGUALE) ma non da mobile
[Immagine: 6611830695.png] 

JOINA NEL MIO SERVER MINECRAFT/NETWORK!
Ip: Mc.OnlyPlay.tk
Sito: https://www.onlyplay.tk
Invito discord: https://discord.gg/ft8tQAu

Ti interessa un host da 1,5GB gratuito? Ottienilo joinando nel server discord di freemchost!


[Immagine: onlyplay]
Discussioni simili
Risposta di _gjkf_
30/01/2019, 22:18
Risposta di GABRYCA
01/12/2018, 19:11
Risposta di Sebastiano17
17/10/2018, 22:23
Risposta di LeoPotterITA
11/08/2018, 15:21
Risposta di Maruzziello
21/07/2018, 14:47

Utente(i) che stanno guardando questa discussione: 1 Ospite(i)