製作桌面柔性版網站移動友好型

Question

我有一個使用柔性版的桌面網站，但我想讓網站對移動用戶更友好。事實上，該網站就像在桌面上一樣顯示在手機上。當瀏覽器窗口縮小（或拉伸）時，網站會自然彈出新的尺寸。在其最窄的尺寸下，大約480px，瀏覽器窗口看起來像是一個移動網站，但正如我所說的，在手機上，該網站顯示爲1080像素寬。

當窗口寬度爲480px時，如何使手機顯示在手機上的方式與在桌面瀏覽器上顯示的方式相同？

非常感謝。

Answer 1

將其粘貼在標題標籤內。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />