Javascript 从最大化屏幕开始，chrome是否有不同的功能？

当从最大化屏幕加载时，我得到了奇怪的功能，而不是（1.non-max 2.to-max 3.back to-non-max）（后者目前工作正常）

当从一个最大化的屏幕开始时，所有的内容都会按照它应该的方式进行调整，除了在调试器中有一大块空白区域没有任何元素表示。此代码的目的是要有一个顶部横幅，其宽度不小于1000px，并且有一个中心容器，该容器始终为720px，并且应该居中

var bodyColor = '#00004C';

var centerID = 'centerID';
var centerWidth = 970;
var centerMarginLeft = 0;
var centerColor = '#1947D1';
var centerHeight = 0;
var centerMinHeight = 900;

var topBarContainerMinWidth = 1000;
var topBarContainerHeight = 30;
var topBarContainerID = 'topBarContainer';
var topBarContainerWidth = 0;

var topCenterBarID = 'topBar';
var topCenterBarMarginLeft = 0;

window.onload = function () {
    $('body').css({ backgroundColor: bodyColor, marginLeft: '0px', marginTop: '0px', marginRight: '0px', marginBottom: '0px' });

    $('<div id=' + topBarContainerID + ' ></div>').appendTo('body').css({ height: topBarContainerHeight, float: 'left', backgroundColor: 'yellow' });
    topBar();

    $('<div id=' + centerID + ' ></div>').appendTo('body').css({ width: centerWidth, backgroundColor: centerColor, float: 'left' });
    centerContainer();

    $('<div id=' + topCenterBarID + ' ></div>').appendTo('#' + topBarContainerID).css({ backgroundColor: 'orange', float: 'left', height: '100%', width: centerWidth });
    topCenter();

    $('<div id="bottomPlaceHolder"></div>').appendTo('body').css({ width: topBarContainerWidth, height: topBarContainerHeight, float: 'left' });
}

window.onresize = function () {
    topBar();
    centerContainer();
    topCenter();
}

function topCenter() {
    topCenterBarMarginLeft = centerMarginLeft;
    $('#' + topCenterBarID).css({ marginLeft: topCenterBarMarginLeft });
}

function centerContainer() {
    centerMarginLeft = parseInt((topBarContainerWidth - centerWidth) / 2);
    centerHeight = $(window).height() - (topBarContainerHeight * 2);
    if (centerHeight < centerMinHeight)
        centerHeight = centerMinHeight;
    $('#' + centerID).css({ marginLeft: centerMarginLeft, height: centerHeight });
}

function topBar() {
    if ($(window).width() < topBarContainerMinWidth) {
        topBarContainerWidth = topBarContainerMinWidth;
    }
    else
        topBarContainerWidth = $(window).width();
    $('#' + topBarContainerID).css({ width: topBarContainerWidth });
}

var bodyColor='#00004C'；
var centerID='centerID'；
var中心宽度=970；
var centerMarginLeft=0；
var centerColor='#1947D1'；
var中心高度=0；
var centerMinHeight=900；
var topBarContainerMinWidth=1000；
var topBarContainerHeight=30；
var topBarContainerID='topBarContainer'；
var topBarContainerWidth=0；
var topCenterBarID=‘topBar’；
var topCenterBarMarginLeft=0；
window.onload=函数（）{
$（'body'）.css（{backgroundColor:bodyColor，marginLeft:'0px'，marginTop:'0px'，marginRight:'0px'，marginBottom:'0px'}）；
$（“”）.appendTo（'body'）.css（{height:topBarContainerHeight，float:'left'，backgroundColor:'yellow'}）；
topBar（）；
$（''）.appendTo（'body'）.css（{width:centerWidth，backgroundColor:centerColor，float:'left'}）；
centerContainer（）；
$（''）.appendTo（'#'+topBarContainerID）.css（{backgroundColor:'orange'，float:'left'，height:'100%'，width:centerWidth}）；
topCenter（）；
$（''）.appendTo（'body'）.css（{宽度：topBarContainerWidth，高度：topBarContainerHeight，float:'left'}）；
}
window.onresize=函数（）{
topBar（）；
centerContainer（）；
topCenter（）；
}
函数topCenter（）{
topCenterBarMarginLeft=centerMarginLeft；
$（'#'+topCenterBarID）.css（{marginLeft:topCenterBarMarginLeft}）；
}
函数centerContainer（）{
centerMarginLeft=parseInt（（topBarContainerWidth-中心宽度）/2）；
中心高度=$（窗口）.height（）-（topBarContainerHeight*2）；
如果（中心高度<中心最小高度）
中心高度=中心最小高度；
$（'#'+centerID）.css（{marginLeft:centerMarginLeft，height:centerHeight}）；
}
函数topBar（）{
if（$（窗口）.width（）

您是否有任何示例页面或屏幕截图？可能有助于找出问题所在。是的，请链接到完整的页面，这样我们就知道我们谈论的是完全相同的HTML。另外，对于maximized，您是指最大化还是全屏？