Как настроить ширину и высоту в iframe с помощью CSS или JavaScript?

Question

Я пробовал через css, но это не изменилось, зная, что я не могу изменить его в html

.bootbox-body iframe {width: 100%; height: 100%; }

<div class="bootbox-body"><iframe  style="width:100%;height:30px;" src="https://www.youtube.com/embed/IOwom_Gp__Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Answer 1

попробуйте

iframe{
       display: block;
       width:100%; 
       height:100%;

}

Answer 2

iFrame особенный в том смысле, что он получает ширину и высоту как атрибуты «отдельно от стилей».Ex.

<iframe src="https://youtube.com" width="200" height="200"></iframe>

Он работает довольно плохо с реальными стилями CSS, по крайней мере, с большинством из них.