css - 将网站调整为移动设备时出现问题（Devtools 与真实）

Question

我已经在我的网站中实现了 Media CSS，当我在 Chrome-Devtools 中调整它的大小时，它调整得很好。但是当我在移动设备上尝试它时，它会显示为一个完整的桌面页面。

这是我的网站： dinf

在 Devtools 中调整页面大小时：

模拟手机时

你能解释一下怎么可能吗？

Answer 1

只需将以下行添加到页面的 head 标记中：

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

它允许元素和字体在移动设备上正确缩放。我建议你阅读这篇关于它的文章。