Я пытаюсь выяснить, каково реальное разрешение iPhone 6/7/8.Согласно документам Apple все они должны быть 375 x 667
, но когда я запускаю console.log(window.innerWidth, window.innerHeight)
в своем приложении Cordova, оно печатает 320 548
.Вот мой метатег области просмотра:
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
Что, если я правильно понимаю, должно настроить область просмотра веб-просмотра так, чтобы она соответствовала области просмотра устройства.
Имитаторы iPhone 6/7/8 также неПохоже, он соответствует предустановке Chrome для мобильных устройств iPhone 6/7/8.
Также странно, что когда я первоначально добавил метатег viewport, приложение прекрасно отображалось в симуляторе.Казалось, что он рендерит с разрешением 375x667, но после перестройки пару раз он переключился обратно на неправильный рендеринг (несмотря на то, что я не делал никаких изменений в исходном коде).Я бы сказал, что схожу с ума, но я бы не впервые столкнулся с недетерминированным поведением при работе с iOS / xcode.
Что здесь происходит?Откуда исходит разрешение 320x548
?