媒體查詢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標籤不工作

回答

相關問題