问除非我在iframe中设置了高度，否则宽度不会达到100%
EN

Stack Overflow用户

提问于 2018-12-06 04:25:25

回答 1查看 40关注 0票数 0

我正在使用WordPress网站上的iframe来显示html5动画，但是除非我设置iframe的高度，否则它会减小宽度。

有人能帮我解决这个问题吗？我已经尝试了很多方法来修复它，但是没有卷轴出现，所以我可以获得100%的宽度，它只是减少了宽度。

https://tempart.posabilities.co.uk/our-story/

我认为我的动画代码中存在冲突：

<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:960px; height:1615px">
    <canvas id="canvas" width="960" height="1615" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 1.00);"></canvas>
    <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:960px; height:1615px; position: absolute; left: 0px; top: 0px; display: none;">
    </div>
</div>
<div id='_preload_div_' style='position:absolute; top:0; display: inline-block;  width: 960px; text-align: center;'>    <span style='display: inline-block; height: 100%; vertical-align: middle;'></span>  <img src=images/_preloader.gif style='vertical-align: middle; max-height: 100%'/></div>

我也试图让动画在滚动上进行，但完全迷失了方向！

html

iframe

html5-canvas

css

wordpress

回答 1

Stack Overflow用户

发布于 2018-12-06 04:35:53

这是你的；

    #artkiframeHolder {
    height: 1000px;
    width: 100%;
    position: relative;
    overflow: scroll;
}

让它像这样

#artkiframeHolder {
    height: 1000px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53640190

复制

相似问题

问除非我在iframe中设置了高度，否则宽度不会达到100%
EN

回答 1

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问除非我在iframe中设置了高度，否则宽度不会达到100%EN

回答 1

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问除非我在iframe中设置了高度，否则宽度不会达到100%
EN