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

Question

我有一个问题,当我在chrome中更改视口或直接在我的手机上转到我的网站时,我的网站正在调整大小.

但是,当我只调整浏览器窗口大小时,它确实有效.

这是http://maxehlers.com/test/的网站,如果您想尝试一下.

网站上的大多数内容都设置为with和height的百分比.

当从移动设备访问网站时,如何使网站响应？我是否必须添加媒体查询？

Answer 1

我认为你错过了观点元标记

这是MDN上的文档

类似的东西<meta name="viewport" content="width=device-width, initial-scale=1">应该排序.

这里有关于resposive标签的css技巧的更多信息