javascript дает разные ответы у chrome разработчика iphone 6 против фактического iphone 6, подключенного к mac / safari

Question

Когда я запускаю свой код в chrome разработчику, я получаю следующее в console.log ()

667 110.031 75.0313 481.938  

, вы заметите, что последние 3 числа складываются с первым. Эти цифры соответствуют ожиданиям

Из моего iphone, подключенного к mac / safari, я получаю следующие цифры в консоли:

544 102.921875 70.1875 425.421875

Здесь вы заметите, что все цифры разные и последние 3 не складываются с первым

Сколько пикселей в высоту у вас есть как полезная недвижимость на iphone 6? Я думал, что мы могли бы написать всем 667px. Почему цифры разные?

function adjHeight(){  
    
var viewHeight = $(window).height();
var tops = $(".top").eq(0).height();
var foot = $("#footer").height();
var bots = $(".bottom").eq(0).height();
var vision = $("#vision").height();
var caption = $(".nf1").eq(0).outerHeight();
var panels = $('.panel');

for (let i = 0;i<panels.length;i++){
    $(".panel").eq(i).height(    (    (viewHeight - tops - foot) / viewHeight) * 100 +'vh');   
};

$(".middle").eq(0).height(   (   (viewHeight - tops - foot) / viewHeight) * 100 + 'vh');
$(".bottom").eq(0).height(   (foot/viewHeight) * 100 + 'vh');
 
bots = $(".bottom").eq(0).height();
var middle = $(".middle").eq(0).height();
var panel = $('.panel').eq(0).height();

 console.log(viewHeight,tops,foot,panel)

var imgLeft = $("#imgLeft").height();
var homeTextFMT = $('.homeTextFMT').eq(0);
    homeTextFMT.height(((panel - imgLeft - caption)/viewHeight) * 100 +'vh');
}


setTimeout(hide, 3000); 
function hide(){
    
    var vision = document.getElementById('vision');
    vision.style.display='none';
    
   
    
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>