iPhone没有在窗口调整大小时更新css

Question

我有一个简单的div，我在窗口调整大小上添加了边距，而不是在iPhone的方向更改上运行。

警报有效，所以我不确定为什么css也没有改变。我正在使用bootstrap和jquery。

任何人都可以帮我弄清楚它为什么不能运行吗？

<div id="doughnut_container" class="col-md-5" style="position:relative;padding:0;">
    <canvas id="weekly_doughnut_data"></canvas>
     <div id="doughut_label_container" style="position:absolute;z-index:-1;top:0;width:100%;height:100%;text-align:center;">
         <span id="doughnut_label" style="display:block;font-size:20px;font-weight:700;color:#333333;line-height:25px;"></span>
     </div>
</div>
<div id="chart_container" class="col-md-7" style="padding:0;">hi</div>

的Javascript

$(window).resize(function()
{   
    alert("this works on orientation change");
    $("#doughnut_label").css("margin-top", ($("#doughnut_container").height()/2)-25);
});