Question

我准备好撕掉我的头发，试图做出回应.js工作。

我们在所有移动网站上都使用它，通常没有任何问题，但我最近需要能够在我们非常非常古老的系统上实现移动兼容性。

我已经尽力了 - 我已经从页面中删除了所有额外的代码，尝试了另一种响应，尝试将脚本内联，我甚至制作了本地主机副本。我知道这将是一个愚蠢的事情，但我现在无法看到它。

整个代码，在全部剥离之后，包含在下面 - 在Chrome中一如既往地正常工作。我知道respond.js甚至没有应用，因为如果我将移动样式放在媒体查询中，它们也不会加载。

我也在服务器上尝试了所有这些，以确保它不是本地问题。

有人可以指出这个愚蠢的错误！

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" id="property-results">
    <head>
        <title>Search Results</title>
        <link href="http://www.skitts.net/css/results.css" rel="stylesheet" type="text/css" />

        <script src="http://searchtest.issl.co.uk/js/respond.js"></script>
    </head>
    <body>
        <div class="property clearing">
            <div class="property-info">
                <span class="address">CROWN STREET, WOLVERHAMPTON.</span>
                <span class="price">
                    <span class="pre-price"></span>
                    <span class="price-amount">&pound;10,500 Annually</span>
                    <span class="post-price"></span>
                </span>
            </div>

            <a href="detailsLite.aspx?chainid=2047&propertyid=467168443" class="image" target="_blank" >
                <img src="http://img.issl.co.uk/2047/008/thumbs/GRB-11MH0ZQA_3559464935.jpg" alt="Address" />
                <div class="status let">Let</div>
            </a>

            <p class="description">SEPARATE STORAGE YARD To the north of the units is an adjacent fully enclosed storage yard with separate vehicular access extending to some 1,961 sq.yds. (0.4 a...</p>

            <ul>
                <li>0 Bed</li>
                <li>0 Bath</li>
                <li>0 Reception</li>
            </ul>

            <a href="detailsLite.aspx?chainid=2047&propertyid=467168443" class="more link" target="_blank">View full details and photography</a>

            <div class="ref-more">
                <span class="ref">REF: GRB-11MH0ZQA</span>

                <a href="detailsLite.aspx?chainid=2047&propertyid=467168443" class="more button" target="_blank">See more</a>
            </div>
        </div>
    </body>
</html>

Answer 1

告诉你这将是一件愚蠢的事。出于显而易见的原因，respond.js无法对另一个域上的样式表做任何事情。

D'哦。

Answer 2

这是您项目的编译小提琴。

它适用于我的每个浏览器“

Fiddle

您是否尝试过在您的头标记中添加元视口？

<meta name="viewport" content="width=device-width; initial-scale=1.0;">

Respond.js - 似乎没有任何功能

2 个答案: