我的目标是在同一页面上嵌入同一网站的两个版本(移动设备和平板电脑)。最初,这是在iFrame中完成的,但我开始使用CMS不再能够很好地处理出口到iFrames。
我已经查看了Java Script解决方案,例如Element Queries,但这些解决方案似乎与特定元素相关联(即header[min-width~="500px"]
)
我正在寻找一个解决方案,该解决方案会针对我将网站嵌入的容器触发一系列@media screen and (min-width: XXXpx)
。
我还尝试过使用jQuery将网站加载到div中的解决方案 - 但是嵌入式网站的宽度为'仍然是相对于浏览器而不是容器。
非常感谢任何指导。