我正在尝试设置一个网站，以便它使用视口元标记使页面最初缩小，然后使用单独的样式表呈现页面（如果它在移动设备上）。这应该可行，但不会在我尝试的任何内容中呈现。我究竟做错了什么？我已经尝试将链接和元标记放在头部的不同位置，但没有什么区别。它通过w3c验证器验证是否正常。
以下是代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website</title>
<link href="mobile.css" rel="sylesheet" media="only screen and (max-device-width: 480px)">
<link href="desktop.css" rel="stylesheet" media="screen">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>