0

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

0 回答 0