我需要将这个iframe放在我的页面中,我需要缩放它(要小一些)
原始页面为http://palweather.ps/temps/days/forecast/120
我尝试了以下代码(我在链接后添加了#zoom=75
但它没有工作)
<iframe border="0" frameborder="0" height="1300" name="map" src="http://palweather.ps/temps/days/forecast/120#zoom=75" style="width: 100%;" >Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
答案 0 :(得分:0)
尝试几个小时后才能在IE8、9和10中正常工作,这对我来说很有效。
// html
<div class="wrap">
This version works on FF 26, Chrome 32, Opera 18, and IE 9-11.
<iframe class="frame" src="http://time.is"></iframe>
</div>
<div class="wrap">
<iframe class="frame" src="http://www.knowledgecity.com/activities/BUS1058-008/BUS1058-008.html"></iframe>
</div>
// javascript
.wrap {
width: 320px;
height: 192px;
padding: 0;
overflow: hidden;
}
.frame {
width: 1280px;
height: 786px;
border: 0;
-ms-transform: scale(0.25);
-moz-transform: scale(0.25);
-o-transform: scale(0.25);
-webkit-transform: scale(0.25);
transform: scale(0.25);
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}