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

标签 html css responsive-design

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

enter image description here

您会看到设备宽度是 425 像素,而标题是 980 像素。

最佳答案

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

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

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

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

关于html - 网页分辨率不会随浏览器宽度变化而变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57175998/

相关文章:

css - 悬停和鼠标速度的颜色过渡问题

javascript - 如果链接包含特定文本,则更改链接颜色

html - 如何使水平可扩展菜单流畅

jquery - 响应式 Bootstrap 数据表未在正确的点折叠列

javascript - 是什么阻止了此 JS 脚本末尾的单击事件?

html - Css3 隐藏 <li> 元素并出现在 <li> 点击

javascript - 禁用文本框

javascript - 当屏幕尺寸大于折叠断点时,如何使导航栏下拉列表水平显示,居中对齐?

CSS 新手 : horizontally aligned divs keep breaking my layout

css - 在 HTML5 中使部分大小正确