我即将准备好让respond.js正常工作。
我们在所有移动网站上都使用它,通常根本没有问题,但我最近需要在我们非常非常古老的系统之一上实现移动兼容性。
我已经尽我所能 - 我已经从页面中删除了所有额外的代码,尝试了替代方法来响应,尝试将脚本内联,我什至制作了 localhost 副本。我知道这会很愚蠢,但我现在看不到。
将其全部剥离后的整个代码包含在下面 - 一如既往地在 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">£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>