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

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

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

@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). Где это входит в игру и как я должен иметь дело с этими ситуациями?