Question

如果我问一个被问及回答的问题，首先道歉......我只是碰到了我的头撞在墙上......

所以这是问题的网址：

http://thedligroup.no-ip.biz/thedligroup/k2/portfolio/item/16-jensen-world-travel-port

我正在尝试为我的某个客户网站的个人网站添加iframe。

目前我的iframe大小如我所愿，但我想让它在这些尺寸上缩放到全视图（w：600xH：350）

这是我用过的CSS：

  `#iframe {
   width:600px;
   height:350px;
   -moz-transform: scale(0.25, 0.25); 
   -webkit-transform: scale(1,1); 
   -o-transform: scale(1, 0.25);
   -ms-transform: scale(1, 0.25);
    transform: scale(0.25, 0.25); 
   -moz-transform-origin: top left;
   -webkit-transform-origin: top left;
   -o-transform-origin: top left;
   -ms-transform-origin: top left;
    transform-origin: top left;
   }`

我使用的iframe代码如下：

        `<iframe id="iframe" src="http://www.jensenworldtravel.com"></iframe>`

任何和所有的帮助表示赞赏，第一张海报，长期潜伏......谢谢

Answer 1

如果我理解正确，你不想滚动。这段代码可以帮到你。

<iframe src="http://www.jensenworldtravel.com" scrolling="no" height="400" width="600" >
<div id="addcontent" style='width:600px;overflow-y:scroll;overflow-x:hidden;height:400px;position:relative;top:0px;left:0px;'>

</div>
</iframe>

将此代码转换为CSS样式后，您需要添加。

overflow-y:scroll;
overflow-x:hidden;

这是DEMO

iframe在Joomla K2中调整大小

1 个答案: