网站没有在移动设备上正确调整大小

Question

我遇到了问题，即当我在Chrome中更改视口或直接在手机上直接转到视口时，我的网站正在调整大小。

但是，当我调整我的浏览器窗口时，它确实有效。

这是网站http://maxehlers.com/test/如果你想尝试一下。

网站上的大部分内容都设置了with和百分比。

如何使网站在从移动设备访问时采取相应行动？我必须添加媒体查询吗？

Answer 1

我认为你缺少的观点meta标签

这里有上MDN

像<meta name="viewport" content="width=device-width, initial-scale=1">的文档应该排序。

这里有上css tricks更多的好消息上resposive标签