Идёте в хромовский devtools (на десктопе), во вкладке Overrides настроек ставите галку show Emulation, дальше нажимаете на кнопку show drawer рядом с шестеренкой настроек, в нижней вкладке переключаетесь на Emulation. Можно много чего сэмулировать, но это даст примерное представление о том, как страница будет рендерится (я так пониманию в этом и задача), без особенностей и скорости работы JS-а; поддержки html5 и css3 в разных версиях операционок. От себя могу добавить, что много ещё зависит от девайса: например iPhone 4+ внутри phonegap при initial-scale=1 в viewport говорит что размер экрана - 320*480 (568) и devicePixelRatio=2, а мой Meizu MX2 (да и на других телефонах хаотично замечал) - уже реальный размер экрана 800*1280 и тот же devicePixelRatio=2.
С фрагментацией боролся в лоб: обычно верстаю несколько базовых вариантов, ориентируясь на ширину экрана: 320, 480, 540(640), 720(800), 1080(1200), а дальше в зависимости от размеров window.innerWidth динамически подгружал нужный файл стилей. Стили резиновые между друг другом, то есть 320-479 действует 320й, 480-539 действует 480й и так далее.
