我有一个桌面网站,我想要显示网站的移动预览(只是一个弹出屏幕,没有新窗口或其他东西)。 网站上的所有元素都是绝对位置,因此我认为所有内容都需要扩展。 做这个的最好方式是什么? 我认为可以通过设置视口来完成,但据我所知,不可能只在1 div上设置一个视口(这是一种逻辑)。因此需要找到另一种解决方案。
答案 0 :(得分:0)
这取决于你的意思«网站的移动预览»。
我首先想到的是,移动设备和桌面设备之间的差异可能受媒体查询的控制 - 您可以在其中包含iframe到同一网址,确保媒体查询的格式为width
,而不是device-width
。
在其他地方你提到«一切都需要缩放»这意味着你只想要一个简化的视图。在这种情况下,您可以重复iframe技巧,并应用transform: scale( 0.5, 0.5 )
。这会减少渲染输出的大小。