如何在彈出窗口中顯示移動預覽

Question

我有一個桌面網站，我想要顯示網站的移動預覽（只是一個彈出窗口，沒有新窗口或其他東西）。 網站上的所有元素都是絕對位置，所以我認爲所有的東西都需要縮放。 這樣做的最好方法是什麼？ 我認爲這可以通過設置一個視口來完成，但據我所知，不可能在1個div上設置一個視口（這是合乎邏輯的）。因此需要找到另一個解決方案。

Answer 1

這取決於你的意思是「移動預覽的網站»。

我的第一個想法是，移動和桌面之間的差異可能受媒體查詢的控制 - 您可以在同一個URL中包含iframe，確保媒體查詢的格式爲width，而不是device-width。

在其他地方你提到«一切都需要縮放»這意味着你只是想縮小視圖。在這種情況下，您可以重複iframe技巧，並應用transform: scale(0.5, 0.5)。這會減少渲染輸出的大小。