Неоднократно видел шаблоны сайтов, в которых в качестве мокапов используются айфоны и айпады. Скачал подобные мокапы. Два раза кликнул, как полагается по смарт слою. Открывается окно шириной 2000-3000px. Но ведь дизайн под мобильную версию делают шириной ориентировочно 300px. Вопрос: как мобильную версию засунуть в мокап такой большой ширины? Сформулировал вопрос, как мог, надеюсь понятно :)
Вообще обычно хорошие мокапы подробно документируются.
Откуда цифра 300px? Может 300pt? В любом случае в современном мире вебдизайн должен строится на density-independent pixel, так как у нас есть и планшеты 720р и смартфоны и 720р и QHD. А уж построенный по dip'ам макет уже не проблема выводить в нужное разрешение