1

我有一个带有 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;
}

正如我所写，这很有效，它可以按比例缩小内容，但为什么链接停止工作？

您还有其他方法吗，请告诉我，这让我发疯:-) 谢谢。

4

0 回答 0