Question

我想要显示的内容未针对移动设备进行优化。所以我需要缩小内容。

这是一个webapp，我不能使用javascript。

这是我基本上使用的：

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto;height:400px; margin: -1.2em;"> <iframe src="http://..." style="width:100%;height:390px;border: none;"></iframe></div>

对于缩放我找到了：

-webkit-transform: scale(0.8);

所以我试过了：

<div style="-webkit-overflow-scrolling: touch;overflow-x:hidden;overflow-y: auto;height:400px; margin: -1.2em;-webkit-transform: scale(0.8);">
    <iframe src="http://..." style="width:100%;height:390px;border: none;"></iframe></div>

但结果是，iframe也被缩放了。请参阅：http://imgur.com/yueT0MB

你能帮帮我吗？谢谢你和BR

Answer 1

好吧我解决了它

我用过

<div style="
    -webkit-overflow-scrolling: touch;
     overflow-x:hidden;
     overflow-y: auto;
     height:800px;
     width:850px;
     margin: -1.2em;">
     <iframe src="http://" style="
         width:800px;
         height:800px;
         -webkit-transform: scale(0.4);
         -webkit- transform-origin: 0 0;
         border: none;">
    </iframe>
</div>

如果iframe变小，我只是增加它的大小。 50％的200％= 100％

在webapp中缩放iframe的内容

1 个答案: