Question

我无法在任何地方找到有关如何设置respond.js的信息。

我解压缩到htdocs - 这是正确的吗？或者我只需要在htdocs中使用respond.min.js吗？

然后只需像这样引用文件......

<script src="respond.min.js"></script>

目前，我的头部有这个，在我的媒体查询之前和之后都尝试过，但是没有使用样式表。

是否有关于如何设置resonse.js的教程，因为我不知道我做错了什么或是否有其他问题。

任何帮助都会非常感激，我的网站最终完成但我没有;我希望它在没有媒体查询的情况下上线，目前如果我使用媒体查询，IE8中根本没有加载样式表。

由于

这是我目前的代码;

<!DOCTYPE HTML>
<html lang="en">
    <head>
            <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 <script src="http://localhost/respond.min.js"></script>
<![endif]-->

        <meta charset="UTF-8">
            <link type="text/css" rel="stylesheet"  media="screen and (min-device-width:600px) and (max-device-width:1024px)" href="http://localhost/oldScreen.css">
            <link type="text/css" rel="stylesheet"  media="screen and (min-device-width:1025px)" href="http://localhost/home.css">


                <title>Eastbourne Netball League[Home] </title>
    </head>

Answer 1

好的，由于文件已加载，问题必须来自以下两点之一：

来自文档：

使用min / max-width媒体查询制作CSS，使您的布局从移动设备（首先）一直调整到桌面   @media screen和（min-width：480px）{       ... 480px以上的样式去这里   }



在所有CSS 之后引用respond.min.js脚本（1kb min / gzipped）（运行越早，IE用户就越不会看到un - 媒体内容）

我的猜测是第二点：）

我希望它有所帮助。

<强> [编辑]

<meta charset="UTF-8"> <link type="text/css" rel="stylesheet" media="screen and (min-width:600px) and (max-width:1024px)" href="http://localhost/oldScreen.css"> <link type="text/css" rel="stylesheet" media="screen and (min-width:1025px)" href="http://localhost/home.css">  <title>Eastbourne Netball League[Home] </title> </head>

如果这不起作用，请将其放在CSS文件中：

@media {min-width:600px) and (max-width:1024px) { /* your css here */ } @media {min-width:1025px) { /* your css here */ }

因此，您甚至可以将所有CSS放在同一个文件中

respond.js设置教程

1 个答案: