Общие точки останова для медиа-запросов на адаптивном сайте

Итак, я работаю над своим первым адаптивным веб-сайтом, который широко использует медиа-запросы. Мне было интересно, есть ли какие-то общие значения ширины страницы, для которых я должен оптимизировать.

У меня, вероятно, будет максимальная ширина (не полная). Я думаю, что у меня будет 3-5 заданных значений ширины с забавными небольшими переходами CSS3 между ними (аналогично тому, как работают CSS Tricks ) .

В настоящее время числа, которые я использую, несколько произвольны:

@media all and (max-width: 599px){...}
@media all and (min-width: 600px) and (max-width:799px){...}
@media all and (min-width: 800px) and (max-width:1024px){...}
@media all and (min-width: 700px) and (max-width: 1024px){...}
@media all and (min-width: 1025px) and (max-width: 1399px){...}
@media all and (min-width: 1400px){...}

Кроме того, я думаю, что читал, что некоторые мобильные устройства ведут себя не так, как ожидалось (с @media ). Где это играет роль и как мне поступать в таких ситуациях?