网站在框架中加载时失去移动友好性

Website loses mobile-friendliness when loaded in frame

我的网站上有一个页面,我正在 frame 中加载一个专门构建的 WIX 营销网站,因此:

<html><frameset cols='100%'><frame src='https://michael3557.wixsite.com/truckercert'></frameset></html>

在 pc/laptop 上,一切看起来都很好并且符合预期。但是在phone上,wix页面的"mobile-friendliness"不见了,显示超窄的不友好的页面。

然而,如果您在 phone 的浏览器上直接点击 wix link shown above(不在框架内),它看起来确实不错并且适合移动设备。

为什么我的页面会因为加载到框架内而失去其移动友好性?我该如何解决这个问题?

浏览器从顶级文档中确定 viewport 设置。

框架 HTML 没有设置 viewport<meta> 标签。

框架内的页面不是顶级文档,因此其 <meta> viewport 数据将被忽略。