Мое фактическое устройство имеет разрешение 1220 × 2712 пиксели с DPR (DPR (DPR (DPR (DPR Коэффициент пикселя устройства) 3 . Чтобы соответствовать ему, я создал пользовательскую запись устройства в Chrome Devtools с 407 × 904 Viewport, так как это представляет логические измерения моего устройства (
Код: Выделить всё
physical resolution ÷ DPR). Пока все работает как положено — содержимое отображается корректно, как на моем реальном устройстве.
Чтобы углубить понимание, я попробовал изменить значение DPR в соответствующем поле в DevTools, но я заметил, что визуализированный результат остается неизменным независимо от введенного мной значения DPR. Такое ощущение, что доля отображаемого контента не зависит от настройки DPR, как будто учитываются только характеристики моего текущего монитора (которые являются постоянными).
Затем я поэкспериментировал с другим окном просмотра. размеры. Например, я попытался удвоить исходные размеры до 814×1808Подведем итог:
- Является ли 407×904 единственным допустимым размером области просмотра для имитации точных пропорций моего устройства, или существуют ли альтернативные области просмотра? /ДНР комбинации, которые дают те же результаты?
- Почему изменение DPR в DevTools не влияет на отображаемые пропорции?
Подробнее здесь: https://stackoverflow.com/questions/793 ... e-devtools
Мобильная версия