我遇到的问题是,当我在Chrome中更改视口或直接在手机上访问时,我的网站正在正确调整大小。
当我只调整浏览器窗口大小时,它确实有效。
如果您想尝试一下,这是网站http://maxehlers.com/test/。
网站上的大多数内容都设置了with和height的百分比。
如何在从移动设备访问网站时对网站采取相应的行动?我是否必须添加媒体查询?
答案 0 :(得分:6)
我认为您缺少视点元标记
这是MDN
上的文档 像<meta name="viewport" content="width=device-width, initial-scale=1">
这样的东西应该对它进行排序。
css tricks上有关于转让标记的更多信息