Обманывает медиа-запросы в браузере?

309
Grayda

Я собираю несколько скриншотов для приложения для 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

0

1 ответ на вопрос

0
Grayda

Мне удалось решить эту проблему с помощью Firefox 47.0. Есть вторая кнопка «скриншот», которую вы можете включить в меню настроек инструментов разработчика.

Эта кнопка (в отличие от кнопки скриншота «Responsive Mode») учитывает настройки масштабирования, поэтому установив область просмотра на 640 x 920, затем увеличив масштаб до 200%, а затем с помощью кнопки «Снимок экрана с помощью инструментов разработчика», я смог сделать снимок экрана, соответствующий рекомендованному Apple размер отлично.

Для 5,5 "экранов мне нужно было установить увеличение на 400%, но это все.

Как включить вторую кнопку скриншота

Похожие вопросы