我正在尝试设置一个网站,以便它使用视口元标记使页面最初一直缩小,然后使用单独的样式表来呈现页面(如果它在移动设备上)。这应该可以,但不会在我尝试的任何东西中呈现。我究竟做错了什么?我尝试将链接和元标记放在头部的不同位置,但没有任何区别。它通过 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>