iframe - 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;
}

私が書いたように、これは機能し、コンテンツを必要に応じて縮小しますが、リンクが機能しなくなるのはなぜですか?

他に方法はありますか、教えてください。これは私を夢中にさせます:-)ありがとう。