как сделать iframe с некоторой высотой и шириной 100% на всех устройствах. Настольные и мобильные браузеры

Question

привет друзья У меня есть блог, который даст результаты студентам iframe. он отображается отлично на рабочем столе, но в мобильном браузере iframe становится суженным в ширину 100%, как я дал. Точнее, look at my web page и look at another page (и после того, как вы перейдете на эту страницу, нажмите на любую из ссылок с именем link -1 или link-2), это приятно, я хочу, чтобы моя вышеприведенная страница была такой. Iframe на этой странице также сужается, но каким-то другим способом. Основная проблема здесь - это ответы на второй странице, но моя не так уж много ясно, что я должен сделать, чтобы быть таким. заранее спасибо.

Примечание: вы не заметите мою проблему, если вы не нажмете ссылку-1 или ссылку-2 на второй странице, приведенной выше, потому что iframe открывается после нажатия на эти ссылки.

Answer 1

Попробуйте применить тег div iframes к тому же классу, который у них есть. Их тег div имеет класс, называемый eh-box. Их тег div больше похож на всплывающее окно.

Класс а коробка содержит этот CSS

.eh-box { 

top: 10%; 
left: 0; 
right: 0; 
float: none; 
width: 98%; 
height: 600px !important; 
background: #ffffff; 

margin: 0 auto; 
-moz-box-shadow: 0px 0px 5px #444444; 
-webkit-box-shadow: 0px 0px 5px #444444; 
box-shadow: 0px 0px 5px #444444; 

}