bootstrap modal内iframe内の画面表示について

bootstrap4

いつもお世話になっております。

bootstrap4を使ってシステムを作っています。

変更画面をmodalを使って表示しています。

modalで呼びだしiframe内に処理画面を表示しています。

パソコンで見ている時は、問題ないですが、
スマホで見ると、枠からはみ出てしまいます。

(赤枠のところがはみ出ている）

モーダル・iframe内のプログラムには、下記のように記述しています。

<div class="container-fluid">
　<div class="row">
　　<div class="input-group">
　　　<div class="input-group-prepend">
	<span class="input-group-text">名前(漢字)</span>
　　　</div>
　　　<input type="text" class="form-control" value="<?php echo @$setNamae; ?>" name="namae" id="id_namae" style="ime-mode:active;" autocomplete="off">
　　</div>

　　＊＊＊　同じようなソースの繰り返し　＊＊＊

　</div>
</div>

呼び出し側のモーダルの部分です。

<div class="modal fade" tabindex="-1" role="dialog" id="EditUserModal">
　<div class="modal-dialog" role="document">
  　<div class="modal-content">
　　　<div class="modal-header">
	<h5 class="modal-title">修正変更</h5>
	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
        　<span aria-hidden="true">&times;</span>
　　　　</button>
　　　</div>
　　　<div class="modal-body modal-body-large">
　　　　<input type="text" name="ids" id="id_ids" value="" style="display:none">
　　　　<div class="embed-responsive embed-responsive-1by1">
　　　　　<iframe src="menteuser_edit.php" id="id_iframe"></iframe>
　　　　</div>
　　　</div>
　　　<div class="modal-footer">
　　　　<button type="button" class="btn btn-default" data-dismiss="modal">閉じる</button>
　　　</div>
　　</div>
　</div>
</div>

私の感覚では、モーダルのiframe内のプログラムも画面サイズに
合わせて小さくなると思っていますが、モーダル内のiframe内の
呼び出しでは、それが正常に動かないのでしょうか？

ご存じの方、ご教示頂けると幸いです。

どうぞよろしくお願いいたします。