如何在所有设备（即桌面和移动浏览器）上制作具有一定高度和100％宽度的iframe

Question

你好朋友我有一个博客，可以给学生们提供帮助。 iframe的结果。它在桌面上显示得很好，但在移动浏览器中，iframe的宽度变窄了100％，正如我给出的那样。更具体一点，look at my web page 和look at another page（进入此页面后，请点击任何名为link-1或link-2的链接）这很好我希望我的上一页就像这样。此页面中的iframe也变窄了但是在某种程度上。这里的主要问题是第二页干净地回应，但是我不应该清楚我该怎样做才能做到这一点。提前谢谢。

注意：除非您点击上面第二页中的link-1或link-2，否则您不会注意到我的问题，因为点击这些链接后会打开iframe。

Answer 1

尝试将iframes div标记应用于他们拥有的相同类。他们的div标签有一个叫做eh-box的类。他们的div标签更像是一个弹出窗口。

eh box类包含此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;

}