媒体查询meta标签不工作

I`am开发一个自适应网站，当我查看手机仿真器的网站，并调整浏览器的所有响应完美，但是当我看到在实际的移动设备的网站没有调整媒体查询meta标签不工作

这里是我的HTML头

<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="description" content=""> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"></head>

这里是我的CSS

@media handheld, screen and (max-width: 768px), screen and (max-device-width: 768px) and (orientation: portrait) {{css styles}}

任何一个可以帮助？

来源

2013-03-01 Lee Herrod

删除掌上电脑的媒体查询，这些天手机落入屏幕区域。

检查出http://mediaqueriestest.com，以确定您的当前设备是否响应。

来源

2013-03-05 11:23:01 justinavery

使用下面的代码在头部分：

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

来源

2013-05-19 16:22:58

媒体查询meta标签不工作

回答

相关问题