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

时间:2015-01-09 11:42:14

标签: html css responsive-design

我遇到的问题是,当我在Chrome中更改视口或直接在手机上访问时,我的网站正在正确调整大小。

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

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

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

如何在从移动设备访问网站时对网站采取相应的行动?我是否必须添加媒体查询?

1 个答案:

答案 0 :(得分:6)

我认为您缺少视点元标记

这是MDN

上的文档 像<meta name="viewport" content="width=device-width, initial-scale=1">这样的东西应该对它进行排序。

css tricks上有关于转让标记的更多信息