我正准备把头发扯掉,试着让respond.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">£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>发布于 2013-06-17 16:13:44
告诉过你这会是件蠢事。由于明显的原因,respond.js不能在另一个域上处理样式表。
哦哦。
发布于 2013-06-17 15:22:43
这是为您的项目编制的小提琴。
它适用于我的每一个浏览器“
小提琴
你试过在你的头标签上添加一个元视图吗?
<meta name="viewport" content="width=device-width; initial-scale=1.0;">https://stackoverflow.com/questions/17150862
复制相似问题