Можно ли масштабировать iframe в соответствии с шириной страницы?

Question

Я пытаюсь масштабировать iframe в соответствии с размером страницы.

Если я зайду на страницу ниже в мобильном телефоне, то получу желаемые результаты. (Правильно масштабированная страница)

http://www.jobautomationindex.com/skill_dna_view

Однако, если я загружу страницу в iframe в приведенной ниже ссылке страница не масштабируется.

http://www.jobautomationindex.com/skill_dna/

Почему эти два страницы ведут себя по-разному?

======================================= ================================

Для заметки, вот мой код

Я думаю, что одно решение может быть связано с масштабным коэффициентом в css.

<style>    
.wrap {
    width: 400;
    height: 400;
    overflow: hidden;
}

iframe {
    width: 100% !important;
    height: 700px !important;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
</style>

<div class="wrap" style="width:400; height:400;">

    <iframe src="/skill_dna_view" scrolling="no" width="100%" height="700px" frameborder="0" tabindex="-1" allowfullscreen> 
    </iframe>

</div>        

Answer 1

добавить эту мету в голову

<meta name="viewport" content="width=device-width,initial-scale=1.0">