网页分辨率不会随浏览器宽度变化而变化

Webpage resolution not changing on browser width change

我正在设计一个网页,当我开始研究它的响应能力时,我注意到元素的宽度远远大于设备宽度。它不会超出屏幕,但一切看起来都很小。 以前,当我使用网页时,宽度最大等于设备的宽度。 我该如何解决这个问题?

您看到设备宽度是 425px 而页眉是 980px。

您需要为响应式网站添加元标记

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

如果您有固定宽度,请将其更改为百分比

然后使用媒体查询进行响应式设计 如果您是响应式设计的新手,可以使用许多在线教程开始您可以使用 w3schools.com 网站