网站在框架中加载时失去移动友好性
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
数据将被忽略。
我的网站上有一个页面,我正在 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
数据将被忽略。