我知道我正在一个网站上工作,但我在移动设备上的视图有一个奇怪的问题。 当我在桌面浏览器上调整窗口大小时,元素和字体会随着视口的变化而变化。 当我在移动设备上打开网站时,所有字体和元素(例如汉堡菜单(都很小。看起来这是一个缩放问题或类似的东西。 我在头部有元视口标签,所以这不是问题。
我在这里或任何其他论坛上都找不到任何类似的问题。我希望有人能帮忙。 我附上了一些屏幕截图,但如果有必要,我可以提供URL。 提前谢谢你。
全屏窗口 调整大小的窗口
响应式示例 1
响应示例 2
确保包含响应式元标记,以确保浏览器获得正确的设备宽度,而不是缩小页面
<meta name="viewport" content="width=device-width, initial-scale=1">
这意味着浏览器将(可能(呈现宽度 页面在其自身屏幕的宽度上。因此,如果该屏幕宽为 320px, 浏览器窗口的宽度为320px,而不是缩小和 显示 960px(或该设备默认执行的任何操作,而不是 响应式元标记(。
延伸阅读这里