移動設備的寬度不會縮小

Question

我正在嘗試建立一個響應迅速的網站。 基本上，當您調整瀏覽器的大小時，情況會發生變化。 現在，我的那部分工作正常。

問題是，當我在手機上加載頁面時，無論如何，手機似乎都以1024像素的寬度加載。 現在，我將內容的寬度強制設置為450像素，但這也沒有解決問題。 這與我使用max-width的事實有關嗎？ max-width可以告訴手機以1024像素加載嗎？ 如果可以，我該如何解決這個問題，如何告訴移動設備以預期的大小加載網站？

目前，我沒有使用任何媒體查詢，因為我還沒有到達需要它們的部分，但是我也想知道這是否也是問題所在？ 我是否絕對必須進行媒體查詢，並且可以說是否為720像素，我必須強制每個對象的最大寬度為720像素，否則它將無法正常工作？

Answer 1

好像您缺少viewport <meta>標簽 ：

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