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