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
有什麼想法?
感謝