网站无法在移动设备上正确调整大小

Website not resizing properly on mobile devices

我的问题是,当我在 chrome 中更改视口或直接在我的 phone 上转到它时,我的网站正在正确调整大小。

它确实有效,但是当我调整浏览器大小时 window。

如果您想尝试一下,请访问此网站http://maxehlers.com/test/

网站上的大多数内容都设置了身高和身高的百分比。

我怎样才能让网站在从移动设备访问时做出响应?我必须添加媒体查询吗?

我认为您缺少视点元标记

这是 MDN

上的文档

类似 <meta name="viewport" content="width=device-width, initial-scale=1"> 的内容应该对其进行排序。

css tricks 这里有更多关于响应式标签的有用信息