視口標記無法在Chrome上工作

我在Chrome中使用設備指標覆蓋來測試響應式網站的較小分辨率（本例中爲320x480）。視口標記無法在Chrome上工作

在這種情況下，我的視口元標記對頁面沒有任何影響。該徽標將顯得很小，而且它完全不可讀。或多或少，我會說我看到了0.5級的一切。

這裏是我的HTML的頭：

<!DOCTYPE html> 
<html> 
<head> 
<title>Title of the document</title> 
<link rel="stylesheet" href="css/main.css" /> 
<link rel="stylesheet" href="css/mediaqueries.css" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> 
<!--[if lte IE 8]> 
    <style> 
    .wrapper {min-width: 960px; padding: 0 10px;} 
    .hovertext {background: #ccc;} 
    </style> 
<![endif]--> 

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.0.6-development-only.js"></script> 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script type="text/javascript" src="js/main.js"></script>

這並不在人家的地盤工作....我不知道我做錯了什麼......

來源

2013-03-12 Victoria Ruiz

在嘗試此你的meta標籤的位置。祝你好運。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi" />

來源

2013-03-13 20:00:36

這只是幫助我擺脫了困境。謝謝。 – 2013-10-29 10:57:50

請確保在'content'中使用逗號而不是分號。大多數瀏覽器都不會打擾，但Chrome可以。 – Michel 2014-03-05 11:10:29

+1。但請糾正錯字，並使用'昏迷'而不是分號。' – 2015-09-24 16:01:38

視口標記無法在Chrome上工作

回答

相關問題