如何在弹出窗口中显示移动预览

时间:2014-01-23 11:07:32

标签: javascript jquery html css viewport

我有一个桌面网站,我想要显示网站的移动预览(只是一个弹出屏幕,没有新窗口或其他东西)。 网站上的所有元素都是绝对位置,因此我认为所有内容都需要扩展。 做这个的最好方式是什么? 我认为可以通过设置视口来完成,但据我所知,不可能只在1 div上设置一个视口(这是一种逻辑)。因此需要找到另一种解决方案。

1 个答案:

答案 0 :(得分:0)

这取决于你的意思«网站的移动预览»。

我首先想到的是,移动设备和桌面设备之间的差异可能受媒体查询的控制 - 您可以在其中包含iframe到同一网址,确保媒体查询的格式为width,而不是device-width

在其他地方你提到«一切都需要缩放»这意味着你只想要一个简化的视图。在这种情况下,您可以重复iframe技巧,并应用transform: scale( 0.5, 0.5 )。这会减少渲染输出的大小。

相关问题