使IFrame可调整大小

Question

我有这个iframe，它只显示网站的某个部分，并且还阻止了向上滚动选项。 这是：

   <div style="overflow: hidden; margin-top: -205px; margin-left: -25px;">
   </div>
   <iframe src="http://yahoo.com" scrolling="no" style="height: 290px; border: 0px none; width: 290px;                                    margin-top: -55px; margin-left: -99px; ">
   </iframe>
   </div>
   </div>

问题是，当有人使用鼠标的CTRL +滚动轮调整（放大或缩小）我的网站时，iframe的可视部分会发生变化，人们可以看到他们不应该看到的其他部分。我想要做的是使iframe的可视部分不可分割，即使用户改变我的实际网站的缩放。我尝试使用％，但它没有帮助我。

我正在尝试做的一个工作示例是：

    <img src="something.jpg" width="50%" height="50%">,

无论用户放大了多少，图片都不会改变其大小。

任何解决方案都会非常适用。