我的网站上有一个页面，我在其中加载了一个专门构建的 WIX 营销网站，位于 frame 内：
<html><frameset cols='100%'><frame src='https://michael3557.wixsite.com/truckercert'></frameset></html>
在个人电脑/笔记本电脑上，一切看起来都正常且符合预期。但在手机上，wix 页面的“移动友好性”消失了，显示的是一个超窄、不友好的页面。
然而，如果您在手机浏览器上直接点击wix link shown above（而不是在框架内），它看起来确实不错且适合移动设备。
为什么我的页面仅仅因为加载在框架内就失去了其适合移动设备的特性？我该如何解决这个问题？
【问题讨论】：
标签： html css mobile-chrome
浏览器根据顶级文档确定viewport 设置。
框架 HTML 没有设置 viewport 的 <meta> 标记。
框架内的页面不是顶级文档，因此其<meta> viewport 数据被忽略。
【讨论】：
head 元素并在那里添加元属性？
<html><head><meta name='viewport' content='width=device-width, initial-scale=1'></head><frameset cols='100%'><frame src='https://michael3557.wixsite.com/truckercert'></frameset></html>