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

你好，朋友们，我有一个博客，将通过iframe提供学生的结果。它在桌面上显示得很好，但在移动浏览器中，iframe的宽度正在缩小100%，正如我所说的。更具体地说， 而且（进入此页面后，请点击任何名为link-1或link-2的链接）这很好，我希望我的上面的页面是这样的。此页面中的iframe也会缩小，但在其他方面。这里的主要问题是第二个页面的回复很清晰，但我的不太清楚我应该怎么做才能做到这一点。提前谢谢

---

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

尝试将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;

}

---

如果有任何问题，请使用浏览器中的inspector工具。你会发现它非常有用