当窗口准备就绪时，脚本不会触发

Question

我有一个脚本可以调整文本.div（.block-left）的大小，为大图片腾出空间。图片宽度和高度由用户窗口确定。根据这些参数，文本.div会自行调整。

要做到这一点，当窗口准备好并调整大小时，脚本会运行两次。

在大多数浏览器中，当窗口准备就绪时脚本可以正常工作，但它们在刷新时会出现一些小问题，尤其是对于Safari。但是，调整大小脚本永远不会遇到任何错误。

这是脚本（在窗口调整大小时使用相同的脚本）：

<script> 
$(document).ready(function() {
var imgWidth = ($(".picture img").width()+ 20 + "px");
  $(".block-left").css("margin-left", imgWidth);
});
</script>

您可以在此屏幕截图中看到它应该完成的任务：

我可以做些什么来强制脚本加载第一件事？