Javascript 居中并调整bingwidget以全屏显示

我正试图居中调整一个屏幕，使其全屏显示，但看起来CSS是在HTML呈现之前加载的。我只能通过inspect元素工具添加CSS样式，而不能通过代码将小部件居中。我甚至尝试过使用JavaScript注入CSS，但这不起作用

以下是小部件代码：

<div class="bingwidget" data-type="covid19_stats" data-market="en-us" data-language="en-us" data-app="bingwidget"></div>
<script src="https://www.bing.com/widget/bootstrap.answer.js" async></script>

我尝试了以下方法，但没有任何运气：

window.addEventListener("load", function(){
    // inject CSS styles into b_results
    document.getElementById("b_results").style.maxWidth  = '100%';
});

我还尝试：

.bingwidget{
     max-width:100%;
}

.bingwidget ol#b_results{
     max-width:100%;
}

默认情况下，内联样式是从小部件js文件中注入的。知道如何获得

b_结果

take

max width:100%

.bingwidget{
     max-width:100%;
}

.bingwidget ol#b_results{
     max-width:100%;
}