media-queries - 使用响应式设计使智能手机视口缩放到页面宽度

Question

我有一个使用媒体查询的设计，但媒体查询只下降到平板电脑大小（即它们不会一直到智能手机的 320 像素。

由于我使用的是 width=device-width，因此智能手机会显示放大的页面。

我应该设置 width=768px（我的媒体查询的最小尺寸）吗？

这会扰乱分辨率大于 768 像素的平板电脑的视图吗？

Answer 1

媒体查询甚至可以达到 10 像素（对能力没有真正的限制）

尝试设置元标记，如下所示：

<meta name="viewport" content="initial-scale=1, minimum-scale=1, width=device-width />

看看这是否能解决您的问题。如果您可以提供一些代码来帮助我们更好地回答，那将会有所帮助。我们只能从陈述中理解这么多。