admin管理员组

文章数量:1355606

I need to place this iframe inside my page, I need to zoom it (to be smaller)

the original page is

I tried the following code (I added #zoom=75 after the link but it didn't work)

    <iframe border="0" frameborder="0" height="1300" name="map" src="" style="width: 100%;" >Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>

I need to place this iframe inside my page, I need to zoom it (to be smaller)

the original page is http://palweather.ps/temps/days/forecast/120

I tried the following code (I added #zoom=75 after the link but it didn't work)

    <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>
  • javascript
  • jquery
  • html
  • css
  • iframe
Share Improve this question asked Apr 19, 2016 at 20:12 Abdallah Sabri HusseinAbdallah Sabri Hussein 1111 gold badge1 silver badge6 bronze badges 1
  • 1 Possible duplicate of How can I scale the content of an iframe? – Liam Commented Nov 17, 2017 at 11:04
Add a ment  | 

1 Answer 1

Reset to default 5

This works well after for hours trying to get it to work in IE8, 9, and 10 here's what worked for me.

//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./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;
}

http://jsfiddle/AwokeKnowing/yy8yb/

本文标签： javascripthow to zoom content in iframe to fit my page sizeStack Overflow

版权声明：本文标题：javascript - how to zoom content in iframe to fit my page size - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743978036a2570957.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。