Problema Responsive brekpoint
Autor: Dario R.
Visitado 1018,
Seguidores 1,
Compartilhado 0
Buon pomeriggio a tutti,
sto lavorando per aggiornare il sito con un pc fisso con monitor 24” (fig.1), quando trasferisco il progetto su un altro pc portatile da 17”per poterci lavorare (fig.2) trovo le scritte e il logo disallineati “verso il centro” e il menu a modi “hamburger” e non esteso. Ho provato a modificare i “breakpoint responsive” ma non riesco a trovare la quadra per poter lavorare su entrambe in pc con gli stessi parametri, mi sapete cortesemente aiutare a uscire da questa situazione? allego pdf
Ringrazio anticipatamente.
Dario
Publicado em
Autor
file n.1
Autor
file n.2
il problema è il salto do 1800PX A 720PX io utilizzo altri step.
Ciao
.....
Eseguo il suggerimento di Giancarlo B. ma si ferma a 360. Il 320 non me lo fa aggiungere. Dove sbaglio?
sono degli appunti che mi sono scritto, una selezione di risoluzioni ottimali per i vari device, di solito mi fermo a 480 o se devo forzare l'ultimo breakpoint 360, non credo nemmeno io di avere provato il 320.
Ok grazie delle info.
il 320 puoi metterlo... è il breakpoint minimo...
probabilmente non riuscivi a metterlo perchè hai esaurito i breakpoint a disposizione , cioè 9 inseribili per la versione PRO (io spero sempre che alzino il numero al doppio o almeno ad un paio in più)
Autor
Grazie Giancarlo, ho provato aggiungere altri brekpoint e la situazione è migliorata.
ottimo Dario mi fa piacere, ciao Giancarlo.
Riprendo questo discorso chiedendo quanto segue:
Su un sito di condominio ho impostato correttamente tutti i breackpoint da te suggeriti tranne l'ultimo,quello da 320. Va tutto bene solo che su schermi a 1360, sotto il browser, mi compare la barra orizzontale che mi costringe da pc a spostarmi di poco anzi di pochissimo. Non è che ci siano grossi problemi parliamoci chiaro ma è possibile da codice inibire la visualizzazione di questa barra in basso al browser? L'anomalia la fa sia con chrome,firefox ed edge e la fa solo a questa risoluzione. Vi do il link se servisse allo scopo: SITOWEB
Ringrazio dell'attenzione.
Aggiungo di aver trovato sul forum una vecchia discussione pertinente lo stesso quesito. Ho inserito questo codice <style> body {overflow-x:hidden} </style> e pare che adesso non visualizzi più la barra posta sotto al browser