如何设置对象标记的高度和宽度，以便不显示滚动条

Question

我正在尝试使用html的object标签在div中显示一个网页。我已经尝试将其加载到div中，但由于该网页的主机名不同，因此会出现CORS错误。

还尝试了iframe，但需要scrolling='no'才能删除滚动条。所以，我决定在引用https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object后使用object标签。如果我指定固定的高度和宽度（以像素为单位），我可以删除滚动条。但是，我想根据屏幕分辨率动态决定这一点，以便为任何设备/浏览器出现滚动条。

我怎样才能做到这一点？以下是我的代码段。

<div style="width: 100%; overflow:hidden;">
    <!--  Main content goes here -->
    <object type="text/html" data="<%=url%>" style="overflow: auto;" align="middle" standby="Loading ..." id="py-content"> </object>
</div>

我非常感谢你提供任何帮助。