脚本无法在实际设备中调整大小

Question

如果是关于加载和调整大小事件的单篇文章，我想通过JavaScript为特定文章设置margin-left。两者在浏览器的移动视图中都运行良好。但在实际设备上，onload工作正常但onresize，margin-left未按预期设置

上下文代码

<script>
  function setWidth()
  {
    var width=$('.featured-block .article').width(); var   margin=width+15;
    if($('.featured-block .article').size()==1 && $(window).width()<500) {
      $('.featured-block .article').css('margin-left',margin);

      setTimeout(function(){
        $('.featured-block .article').css('width',width);
      }, 100);
    }
    else{
       $('.featured-block .article').css('margin-left',0);
      }
  }
  $(window).load(function(){
    var widthOnLoad=$(window).width();
    alert('load');
    setWidth();
    $(window).resize(function(){
      var widthOnResize=$(window).width();
      if(widthOnResize != widthOnLoad)
      {
        setWidth(); 
        widthOnLoad=$(window).width();
      }
    });
  });
</script>

在从纵向更改为横向然后再次更改为纵向时，边距未设置。