通过响应式设计使智能手机视口缩放到页面宽度

时间:2013-10-24 01:13:42

标签: media-queries viewport

我的设计使用的是媒体查询,但媒体查询仅限于平板电脑尺寸(即他们不会一直用于智能手机的320px。

由于我使用的是宽度=设备宽度,智能手机会显示页面放大。

我应该设置width = 768px(媒体查询的最小尺寸)吗?

对于分辨率大于768像素宽的平板电脑,这会搞砸吗?

1 个答案:

答案 0 :(得分:0)

媒体查询可以达到甚至10px(没有真正的能力限制)

尝试设置元标记,如下所示:

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

看看这是否能解决您的问题。如果你能提供一些代码来帮助我们更好地回答它会有所帮助。我们只能通过陈述来理解这一点。