文章/答案/技术大牛

发布

问响应式移动设计
EN

Stack Overflow用户

提问于 2017-06-09 13:46:29

回答 1查看 158关注 0票数 1

我开发了一个网站。在桌面上布局很好。但它没有反应。我试着用媒体查询手机，比如，

@media only screen
and (min-device-width: 320px) and (max-device-height: 640px)
{
.....
}

我正在使用chrome开发工具，并根据320 x 640的大小在网站上进行更改。现在，这个问题在模拟器中很好，但在实际的移动设备中却不是。

帮我找到解决方案。

发布于 2017-06-09 20:01:41

您描述的症状表明您的页面头部可能没有viewport metatag，所以请先仔细检查一下。

你想要的东西是这样的

<head>  
...
<meta name="viewport" content="width=device-width, initial-scale=1.0">
...  
</head>

有关视口元标记的详细信息

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44450123

复制

相似问题

问响应式移动设计EN