网站无法在移动设备上正确调整大小
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 这里有更多关于响应式标签的有用信息
我的问题是,当我在 chrome 中更改视口或直接在我的 phone 上转到它时,我的网站正在正确调整大小。
它确实有效,但是当我调整浏览器大小时 window。
如果您想尝试一下,请访问此网站http://maxehlers.com/test/。
网站上的大多数内容都设置了身高和身高的百分比。
我怎样才能让网站在从移动设备访问时做出响应?我必须添加媒体查询吗?
我认为您缺少视点元标记
这是 MDN
上的文档类似 <meta name="viewport" content="width=device-width, initial-scale=1">
的内容应该对其进行排序。
css tricks 这里有更多关于响应式标签的有用信息