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

Question

你好朋友，我有一个博客，将通过 iframe 为学生提供结果。它在桌面上显示得很好，但在移动浏览器中，iframe 的宽度缩小了 100%，正如我给出的那样。更具体地说，look at my web page 和look at another page（进入此页面后，请单击任何名为link-1 或link-2 的链接）这很好，我希望我的上面的页面是这样的。这个页面中的iframe 也变窄了，但在其他方式。这里的主要问题是第二页响应干净，但我的不是很清楚我应该怎么做才能那样。提前致谢。

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

Answer 1

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

}