Нужно растянуть 3D анимацию на весь экран сайта

Question

Всех приветствую! Перепробовал много разных вариантов, в частности которые обычно применяются к видео. Растягивает по краям лево-право, а высоту приходится задавать в пикселях. И наоборот.

Знаю, с виду вопрос выглядит банальным, но это не так))

В div вставке указываю width="100%" и это срабатывает, а вот если ставлю в height 100%" то он не видит, и выставляет стандартный-минимальный размер. В css тоже наколдовывал по-разному) Был ли у кого опыт такой вставки анимации? Какие методы могут помочь чтоб анимация была прижата ко всем четырем частям экрана?

  <div class="sketchfab-embed-wrapper">
    <iframe title="A 3D model" width="640" height="480" src="https://sketchfab.com/models/f86f444dc7cc4458a0140f05a03c5896/embed?autostart=1" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

</div>

Answer 1

Попробуйте так:(Добавив параметры iframe)
Проверил у себя - работает:

<style>
    iframe {
        width: 100%;
        height: 100%;
    }
</style>
<div class="sketchfab-embed-wrapper">
    <iframe title="A 3D model" width="640" height="480" src="https://sketchfab.com/models/f86f444dc7cc4458a0140f05a03c5896/embed?autostart=1" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

</div>

Answer 2

<style>
    iframe {
   	position: absolute; 
	left: 0;
	bottom: 0;	
    } 
</style>

<div class="sketchfab-embed-wrapper">
    <iframe title="A 3D model" width="100%" height="100%" src="https://sketchfab.com/models/f86f444dc7cc4458a0140f05a03c5896/embed?autostart=1" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>

Если в диве ставлю width="100%" height="100%" и в стиле выставляю

iframe {
    position: absolute; 
    left: 0;
    bottom: 0;
}

срабатывает

БЛОГ НА HUSL

Нужно растянуть 3D анимацию на весь экран сайта

Ответы (2 шт):