如何在所有设备上制作具有一定高度和100%宽度的iframe

Question

你好，朋友们，我有一个博客，可以通过iframe给出学生的成绩。它在桌面上显示得很好，但在移动浏览器中，iframe的宽度缩小了100%，因为我有given.To，look at my web page和look at another page(进入此页面后，请点击任何名为link-1或link-2的链接)这很好，我希望我的上面的页面像this.the iframe在此页面也会缩小，但在其他一些way.The主要问题是第二页响应干净，但我的不是那么清楚，我应该做什么才能像那样。提前谢谢。

注意:除非您在上面给出的第二个页面中单击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;

}