Ответ 1
Я только что закончил делать отзывчивый бизнес-сайт (https://plus.google.com/101258044853419629282/posts/GejAf734nP6), и вот что я могу вам сказать - точка останова определенно не 600px!
Вот факты (в терминах запросов CSS и @media):
-
Ширина рабочего стола 1366px просто превосходила 1024px как самый популярный размер: http://techcrunch.com/2012/04/11/move-over-1024x768-the-most-popular-screen-resolution-on-the-web-is-now-1366x768/
-
Тем не менее, на планшетах наиболее популярным является iPad со своим 1024x768px.
-
iOS Safari является нормальным и всегда сообщает правильный вид, т.е. независимо от того, есть ли у вас обычный iPad или Retina iPad, он скажет вам, что это 1024x768, аналогично iPhone скажет вам это 320x480.
-
У браузера Android больше проблем, так как на этой платформе разные экраны. Например, Nexus One имеет экран 480x800px, но при 254ppi (соотношение пикселей 1,5), отображаемое в CSS, фактически составляет 360x600. Даже более смешной Galaxy Nexus имеет экран 1280x720px при 316ppi (соотношение пикселей 2.0, например Retina), сообщает, что в окне просмотра 360 * 640.
Исключение составляет бета-версия Chrome на Android 4.0, в ландшафтном режиме у нее есть ошибка и похоже, что она сообщает ширину видового экрана как 1280 пикселей на этом Galaxy Nexus, что очень затрудняет конфликт с настольным CSS.
Заключение
Я лично использовал точку останова ширины экрана 768 пикселей, а именно: я рассматриваю iPad в ландшафте как рабочий стол, и я предполагаю, что минимальный размер рабочего стола составляет 1024 пикселя. Но я мог бы предположить это 800px, как в старые времена. Затем я рассматриваю 768px специально для iPad-портрета, так как у не-сетчатки iPads много места, но это не совсем маленький экран. Тогда все меньше, чем 768 пикселей, я называю смартфоном с маленькими экранами.
Для максимальной оптимизации вы можете использовать промежуточные точки останова на 640px, 600px, 480px, 360px, 320px и даже 240px (low-low-end андроиды), но, вероятно, хорошая практика сделать его полностью на основе% ниже 768px, чтобы он соответствовал автоматически.
UPDATE: одна полезная точка останова, которую я нашел, это 810px - ширина iframe на вкладке Facebook. Полезно, когда вы создаете приложения FB и хотите повторно использовать свой код webapp.