解决方法如下所示：

HTML代码：

CSS代码：

#container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (change this value according to your needs) */
}

#iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

JavaScript代码：

function resizeIframe() {
  var container = document.getElementById("container");
  var iframe = document.getElementById("iframe");
  var containerWidth = container.offsetWidth;
  var containerHeight = containerWidth * 9 / 16; /* 16:9 aspect ratio (change this value according to your needs) */
  iframe.style.width = containerWidth + "px";
  iframe.style.height = containerHeight + "px";
}

window.addEventListener("resize", resizeIframe);

上述代码使用一个div容器包裹一个iframe元素，并通过CSS设置容器的宽度和高度为相对值，保持16:9的宽高比。通过JavaScript监听窗口大小变化事件，在窗口大小改变时动态调整iframe元素的宽度和高度，从而实现背景随小窗口浏览器的拉伸效果。

注意替换代码中的"your_webpage_url"为实际的网页地址，并根据需要修改容器的宽高比。