我目前正在使用Squarespace并在一个页面上使用iFrame。 iFrame 覆盖页面的整个宽度(100% 宽度)和几乎整个高度，在顶部为页面导航按钮留出空间。
iFrame在Mac或PC台式计算机上完美运行。
但是，如果我在iPad或iPhone上打开页面，页面会加载 - 然后变得无响应。 我无法单击导航栏移动到其他页面。 我唯一可以单击仍然具有功能的是主页导航按钮以返回我网站的主页。
我联系了iFrame中使用的网站，并被告知他们的程序(应用程序)无法在移动设备上运行。
所以总结一下问题：我的导航包含一个按钮"转到应用程序"。 如果单击此导航按钮，用户将被定向到包含 iFrame 的页面。 带有 iFrame 的此页面在 PC 上打开，并在移动设备上崩溃。
如果有人从移动设备单击导航按钮"转到应用程序"，我无法让 iFrame 页面崩溃。 如何在导航按钮中添加代码，以便 iFrame 页面不会在移动设备上加载，而是显示一条消息"移动设备当前不支持此应用"？
非常感谢您的任何建议。
您可以将类添加到 iframe 并使用媒体查询，使其不会在移动设备上显示。您还可以添加另一个带有display: none的div，以便在移动设备上向用户显示消息。