Я собираю несколько скриншотов для приложения для iOS, которое я создал. Из-за того, что мой Macbook слишком медленный для эффективной работы симулятора, я хотел бы создавать скриншоты в своем браузере, используя что-то вроде Dev Chrome.
В рекомендациях Apple говорится, что мне нужно предоставить очень конкретные размеры. Например, 3,5-дюймовому экрану нужен снимок экрана:
Минимум 640 x 920 пикселей для портрета высокого разрешения (без строки состояния)
Поэтому я вхожу в инструменты разработчика Chrome и включаю эмуляцию размера экрана. Я выбираю "iPhone 4" из списка. Предварительный просмотр совпадает с тем, что я вижу на моем фактическом iPhone 4, поэтому я делаю снимок экрана, но полученный файл имеет 1/2 необходимого размера (320x460).
Поэтому я установил устройство "отзывчивым" и набрал 640x920, но теперь предварительный просмотр не соответствует моему реальному iPhone из-за запуска медиа-запросов.
Могу ли я заставить Chrome (или Firefox, или любой другой браузер) отображать содержимое в формате 640x960, используя стили медиазапроса 320x460?
Я попробовал это в Firefox и обнаружил, что если я установлю свой размер, а затем установлю свой масштаб на 200%, он будет соответствовать моему фактическому iPhone 4, но когда я делаю скриншот, размеры возвращаются к 320x460. Даже когда я удваиваю размер (1280x1920) и устанавливаю увеличение на 400%, он снова возвращается к 320x460