Если я не установлю высоту в моем фрейме, ширина не будет 100%

Question

Я использую iframe на веб-сайте WordPress для отображения анимации 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>

Я также пытался заставить анимацию развиваться при прокрутке, но полностью потерян на этом!

Answer 1

это твое;

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

сделай так

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