网页分辨率不会随着浏览器宽度的改变而改变

Question

我正在设计一个网页，当我开始研究其响应性时，我注意到元素的宽度远大于设备的宽度。它不会超出屏幕，但看起来很小。 以前，当我处理网页时，其宽度等于设备的最大宽度。 我该如何解决这个问题？

您会看到设备宽度为425像素，而标头为980像素。

Answer 1

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

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

如果宽度固定，则将其更改为百分比

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