CBT画面のHTML構造
wicket-modal
問題画面全体を包んでいる要素.
中央寄せ
top
left
position: absolute
width
700px(絶対)
wicket-modalへの変更
要件
画面の中央寄せ
widthは80vw程度
手順
body要素のstyleの変更
width: 100vw
height: 100vh
これによって子要素の縦中央寄せが完了
display: flex
justify-content: center
align-items: center
container要素のstyleの変更
position: absolute
top: 0
left: 0
wicket-modalのstyleの変更
top, left,width, positionの無効化
width: 90vw
height: 90vh
単位を誤らないように
問題のiframeの見切れを解消したい