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

我的网站上有一个页面，我在其中加载了一个专门构建的 WIX 营销网站frame：

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

在个人电脑/笔记本电脑上，一切看起来都很好并且符合预期。但在手机上，wix 页面的“移动友好性”消失了，显示的是一个超窄、不友好的页面。

然而，如果您在手机浏览器上直接点击上面显示的 wix 链接（而不是在框架内），它看起来确实不错并且适合移动设备使用。

为什么我的页面仅仅因为加载在框架内就失去了其对移动设备友好的特性？我该如何解决这个问题？

标签： htmlcssmobile-chrome

浏览器根据viewport顶级文档确定设置。

框架 HTML 没有<meta>设置viewport.

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