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

Question

您好朋友，我有一个博客，该博客将通过iframe提供学生的成绩。 它在台式机上可以正常显示，但在移动浏览器中，iframe的宽度已按照我的说明缩小了100％。具体来说，请查看我的网页并查看其他页面 （进入该页面后，请点击任何名为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;

}