尝试在网页上增大 Iframe 框的高度

Question

我是新手，我很害怕。

我是脊椎按摩师并在这里经营生意 okisporstanspinal.com

您可以看到，在移动设备上浏览时，托管外部预订服务的 Iframe 的高度非常小，难以导航。

参见这里的例子

https://okisportsandspinal.com/asiaphysicalo/

我认为问题不在于基于云的软件的代码，而在于我网站的主题。

我希望可以使用一些自定义 CSS 来增加嵌入式 Iframe 的大小

有人可以帮助我吗？这让我发疯

Answer 1

您可以为具有媒体查询的移动设备添加

min-height

，如下所示：

@media (max-width: 600px){
  iframe {
    min-height: 1000px !important;
 }
}

这会将其增加 1000 像素，因此导航会更容易。