你好, friend 们,我有一个博客,可以通过 iframe 提供学生的成绩。它在桌面上显示正常,但在移动浏览器中,iframe 的宽度变窄了 100%,正如我给出的那样。更具体地说,look at my web page 和 look at another page (进入此页面后,请单击任何名为 link-1 或 link-2 的链接)这很好,我希望我的上述页面像这样。此页面中的 iframe 也变窄了,但以其他方式变窄了。这里的主要问题是第二页的响应很干净,但我不太清楚我应该怎么做才能像那样。提前致谢。
注意:除非您单击上面给出的第二页中的 link-1 或 link-2,否则您不会注意到我的问题,因为在单击这些链接后会打开 iframe。
最佳答案
尝试将 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;
}
关于javascript - 如何在所有设备(即桌面和移动浏览器)上制作具有一定高度和 100% 宽度的 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42009115/