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



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

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

在 PC/笔记本电脑上,一切看起来都很好,而且符合预期。但是在手机上,Wix页面的"移动友好性"消失了,并且显示了一个超窄,不友好的页面。

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

为什么我的页面仅仅因为它加载在框架中就失去了适合移动设备的性质?我该如何解决这个问题?

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

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

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

最新更新