如何调整内容以适应iframe

Question

我有一个带iframe的webapp（iphone），我想调整iframe中的内容大小，以便不会裁剪任何内容。我已经设法使用下面的代码来解决这个问题，我得到的问题是我在iframe中加载的链接中没有任何链接有效。

问题是：

-webkit-transform: scale(0.30);
-webkit-transform-origin: 0 0;

当我使用变换缩放时，由于某种原因链接停止工作。如果我删除上面的css链接开始工作，但内容溢出并在iframe中裁剪。

我用它来缩放内容：

<div class="theiframewrap">      
<iframe id="theiframeid" class="theiframeid" src="http://www.mypage.se/"></iframe>
</div>

和css：

.theiframewrap { 
    width: 320px!important;     
    padding: 0px; 
    top:45px; 
    position:relative; 
    overflow:hidden; 
    border:0px solid #f00;
    z-index:2200;
    }
.theiframeid { 
    height:600px;
    width:100%;
    margin:0px; 
    top:0px; 
        -webkit-transform: scale(0.30);
        -webkit-transform-origin: 0 0;
    z-index:2300;
}

正如我所写，这是有效的，它会缩小内容，但为什么链接会停止工作？

你还有其他办法吗，请告诉我，这让我疯狂:-) 感谢。