Question

我想在桌面版中显示网站的移动版本。＆＃xA;基本上我们有2个网站m.xyz.com和xyz.com，现在我想要的是在桌面上显示m.xyz.com点击预览。

＆＃xA;＆＃xA;

 ＆lt; script＆gt;＆＃xA; $（'＃preview_feature'）。click（function（）{＆＃xA;＆＃xA; $（ '.faqModal'）。on（'shown.bs.modal'，function（）{＆＃xA;＆＃xA; $（this）.find（'iframe'）。attr（'src'，'https：/ /m.xyz.com/abc')
}）＆＃xA; $（'。faqModal'）。modal（{show：true}）＆＃xA;}）＆＃xA; ＆LT; /脚本＆GT;＆＃XA;＆＃XA; //点击此按钮，我将展示预览网站移动版＆＃xA的模型＆lt; button type =“button”id =“preview_feature”class =“btn btn-info btn-lg btn”＆gt;预览功能＆lt; / button＆gt;＆＃xA;＆＃xA; ＆lt;！ -  Modal  - ＆gt;＆＃xA; ＆lt; div class =“modal fade faqModal”id =“faqModal”role =“dialog”＆gt;＆＃xA; ＆lt; div class =“modal-dialog”＆gt;＆＃xA; ＆lt;！ - 模态内容 - ＆gt;＆＃xA; ＆lt; div class =“modal-content”＆gt;＆＃xA; ＆lt; div class =“modal-header”＆gt;＆＃xA; ＆lt; button type =“button”class =“close”data-dismiss =“modal”＆gt;＆amp; times;＆lt; / button＆gt;＆＃xA; ＆lt; h4 class =“modal-title”＆gt;预览＆lt; / h4＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆lt; div class =“modal-body”＆gt;＆＃xA; ＆lt; iframe style =“width：940px; height：560px; -webkit-transform：scale（1）;  -  moz-transform-scale（1）;”＆gt;＆lt; / iframe＆gt;＆＃xA; ＆LT; / iframe中＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆lt; div class =“modal-footer”＆gt;＆＃xA; ＆lt; button type =“button”class =“btn btn-default”data-dismiss =“modal”＆gt;关闭＆lt; / button＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT; ＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA;

＆＃XA;

Answer 1

看到这对我有用：

<!DOCTYPE html>
<html>
    <body>
        <iframe src="https://en.m.wikipedia.org/wiki/Main_Page" width="400px" height="500px">
        </iframe>
    </body>
</html>

请尝试减小宽度，以便在使用适当的js进行移动平台重定向时，它将正常工作。

如何在bootstrap模式中的桌面版本的站点中的<iframe>中预览移动站点

1 个答案: