2013-05-16 67 views
0

我已經手機格式化了我的網站,但是在測試中,發現我的移動設備仍然參考正常格式的網頁。手機無法識別@media格式

這裏是我使用的代碼:

<!-- SMARTPHONES, PORTRAIT & LANDSCAPE --> 
<link rel="stylesheet" media="only screen and (min-width: 320px) and (max-width: 641px) and (orientation:portrait)" href="mobile.css" /> 
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)" href="mobile.css" /> 

<!-- NETBOOKS UP TO DESKTOPS --> 
<link rel="stylesheet" media="only screen and (min-width: 641px) and (max-height: 750px)" href="netbook.css" /> 
<link rel="stylesheet" media="only screen and (min-width: 641px) and (min-height: 751px)" href="common.css" /> 
<link id="Link1" rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" /><link id="Link2" rel="icon" href="img/favicon.ico" type="image/ico" /> 

該網站是http://www.interimspaces.co.uk

有什麼想法?

感謝

回答

1

也許我錯過了,不過我不t見

<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable = no"> 

在您的網站的頭。