Ho appena finito di fare un sito web aziendale reattivo (https://plus.google.com/101258044853419629282/posts/GejAf734nP6) e qui è quello che vi posso dire - il punto di interruzione non è sicuramente 600px!
Ecco i fatti (in termini di CSS e @media query):
1366px larghezza del desktop appena superato 1024px come il formato più popolare: http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/
Eppure, su tavolette, iPad con il suo 1024x768px è il più popolare.
iOS Safari è sano di mente e segnala sempre una vista corretta, es. non importa se hai un normale iPad o iPad Retina, ti dirà che è 1024x768, in modo simile iPhone ti dirà che è 320x480.
Il browser Android presenta più problemi, poiché gli schermi variano su questa piattaforma. Ad esempio, Nexus One ha uno schermo 480x800px, ma a 254ppi (pixel ratio 1.5) il viewport riferito al CSS è in realtà 360x600. Anche il più divertente Galaxy Nexus ha uno schermo 1280x720px a 316ppi (pixel ratio 2.0, come Retina), il viewport riportato è 360 * 640.
eccezione è Chrome Beta su Android 4.0, in modalità orizzontale ha un bug e sembra che riporta la larghezza viewport come 1280px su quel Galaxy Nexus, il che rende molto difficile non entrare in conflitto con i CSS desktop.
Conclusione
ho usato personalmente un punto di interruzione di 768px larghezza dello schermo, vale a dire: mi trattano iPad nel paesaggio come desktop, e presumo dimensione minima del desktop è 1024px. Ma potrei anche supporre che sia 800px, come ai vecchi tempi. Quindi, considero 768px specificamente per iPad portrait, dal momento che gli iPad non retina hanno molto spazio, non è ancora abbastanza piccolo. Quindi, tutto meno di 768px chiamo uno smartphone di dimensioni ridotte.
Per ottenere la massima ottimizzazione è possibile utilizzare i punti di interruzione intermedio al 640px, 600px, 480px, 360px, 320px e anche 240px (androidi basso di fascia bassa), ma probabilmente è una buona pratica per renderlo totalmente% basata su di sotto 768px così si adatta automaticamente
UPDATE: un breakpoint utile che ho trovato è 810px: la larghezza di un iframe in una scheda di Facebook. Utile quando crei app FB e vuoi riutilizzare il tuo codice webapp.
EG Se metto un punto di interruzione a 600px di larghezza, presumibilmente quasi tutti i desktop e tablet sarebbe più grande, e quasi tutti i telefoni sarebbero essere più piccolo? – Evans