我已经为手机格式化了我的网站,但是在测试中,发现我的移动设备仍然引用正常格式的网页。
这是我正在使用的代码:
<!-- 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
有什么想法吗...
谢谢