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

标签 html css responsive-design respond.js

我准备竭尽全力让 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">&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>

最佳答案

告诉过你这会很愚蠢。出于显而易见的原因,respond.js 无法对另一个域上的样式表执行任何操作。

哦。

关于html - Respond.js - 似乎没有任何功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17150862/

相关文章:

javascript - 以内圆和外圆为界的三 Angular 形

css - 如何向 React 组件添加事件 CSS 属性?

html - 将背景颜色扩展到包装之外

javascript - highcharts 响应式数据标签显示

javascript - 捕获 iframe 加载完成事件

javascript - 使用 javascript/jQuery 搜索表格并在单击按钮时返回正确的表格行以及 'search' 栏的内容

javascript - YouTube API——提取标题和videoId属性来构建超链接

jquery - 有没有办法以编程方式确定图像链接是坏的?

html - 如何让悬停状态显示: none; work on touch/mobile devices

css - 将网页作为一个整体缩放到任何分辨率