Quali sono i Breakpoint Responsive ottimali ? 
Author: Gabriele D.
Visited 1872,
Followers 1,
Shared 0
Buonasera,
Nella versione Pro, Website propone i seguenti breakpoint riferiti a smartphone verticale, smartphone orizzontale, tablet verticale e tablet orizzontale: 480px, 600px, 720px, 960px
Immagino che questi siano riferiti ad una presunta media sulle possibili risoluzioni dei dispositivi attualmente in commercio. Ma dato che consultando internet ho letto molte opinioni discordanti (nel senso che ogni possibile guida sull'argomento propone breakpoint differenti... pare di leggere un'estrazione al lotto !)... qualcuno ha idea se i valori proposti da WS siano effettivamente quelli ottimali ?
Grazie
Posted on the
..le risoluzioni che propone Website sono le risoluzioni che nella maggior parte dei casi vanno bene.
Se non hai un progetto dall'aspetto grafico particolare non dovresti avere la necessità di modificarli.
Quindi il consiglio è , lascia quelli.
Se però guardando il risultato alle risoluzioni proposte non sia ottimale con il tuo progetto allora modificale di conseguenza.
Tieni conto che nella versione Professional puoi anche aggiungere dei breakpoint (fino a 10) e alcuni sfruttano questa possibilità.
Personalmente io lascio quelle proposte da Website e preferisco utilizzare il minor numero possibile di breakpoint.
Ovviamente è tutto relativo.
Devi provare il tuo sito con vari dispositivi a varie risoluzioni (orizzontali e verticali) per renderti conto...
Puoi leggere qui Gabriele, http://blog.mrwebmaster.it/2013/12/06/quali-sono-le-risoluzioni-piu-frequenti-per-i-display.html
Author
Leggendo il link indicato si ha un esempio di quello che intendevo. Viene infatti suggerito di usare i seguenti breakpoint: 320, 480, 720, 768, 900, 1024 (dove fra l'altro trovo assurdo dover usare due breakpoint così vicini tra loro, ossia 720 e 768).
Credo che per adesso continuerò a lavorare sul progetto lasciando i valori suggeriti da WS (480, 600, 720, 960, a cui ho aggiunto 1200, 1600), anche se poi sarà effettivamente impossibile verificare il funzionamento del sito su più dispositivi.