html - 移动设备不缩小宽度

Question

我正在尝试制作一个响应式网站。基本上，当您调整浏览器大小时，事情会发生变化等等。现在我的那部分工作正常。

当我在我的手机上加载页面时，问题就来了，无论如何，手机似乎都以 1024 像素的宽度加载。现在我强制我的内容为 450 像素宽，但这也没有起到作用。这与我使用最大宽度的事实有关吗？ max-width 可以告诉手机以 1024 像素加载它吗？如果是这样，我该如何解决这个问题，我该如何告诉移动设备以预期的大小加载网站？

此时我没有使用任何媒体查询，因为我还没有到达我需要它们的部分，但我也想知道这是否也是问题所在？我是否绝对必须有媒体查询，假设它是 720 像素，我必须强制每个对象的最大宽度为 720 像素，否则它将不起作用？

Answer 1

看起来你错过了 viewport <meta> tag :

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