响应式 - 移动设备上的所有元素都太小了



我知道我正在一个网站上工作,但我在移动设备上的视图有一个奇怪的问题。 当我在桌面浏览器上调整窗口大小时,元素和字体会随着视口的变化而变化。 当我在移动设备上打开网站时,所有字体和元素(例如汉堡菜单(都很小。看起来这是一个缩放问题或类似的东西。 我在头部有元视口标签,所以这不是问题。

我在这里或任何其他论坛上都找不到任何类似的问题。我希望有人能帮忙。 我附上了一些屏幕截图,但如果有必要,我可以提供URL。 提前谢谢你。

全屏窗口 调整大小的窗口

响应式示例 1
响应示例 2

确保包含响应式元标记,以确保浏览器获得正确的设备宽度,而不是缩小页面

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

这意味着浏览器将(可能(呈现宽度 页面在其自身屏幕的宽度上。因此,如果该屏幕宽为 320px, 浏览器窗口的宽度为320px,而不是缩小和 显示 960px(或该设备默认执行的任何操作,而不是 响应式元标记(。

延伸阅读这里

相关内容

  • 没有找到相关文章

最新更新